• Register
Welcome to the in5 Answer Exchange! This a place to get answers about in5 (InDesign to HTML5) and make requests.

How to change the location of back/next arrows?

0 votes

Hello!!!

Thanks to your generous support, 

my app is running well on Apple appstore..

However, I have this new problem.. I hate to ask it but I should! 

Arrows appear too big on iPhones...

(To see image : https://drive.google.com/file/d/1c3jxXFnZ5xFGuyEEelzPgd4Fvy_W1GBN/view?usp=sharing)

 

 

I have tried and applied according to this,

https://ajarproductions.com/pages/products/in5/answers/2628/customize-appearance-of-back-next-arrows?show=2628#q2628

 

But sadly somehow it didn't work. 

I think maybe changing the location of them would be far better in this case...

like maybe moving them to the very bottom of the page??

 

Thanks again! 

 

asked Jun 12 in how_to by putonbomtoy (220 points)
    
or if I could just reduce the size of the arrows, it would be good, too.

I have pasted this into text file and turned it into css and added it in resources but didn't work.

.anythingSlider-in5 .arrow a {
    -ms-transform: scale(0.5, 0.5); /* IE 9 */
    -webkit-transform: scale(0.5, 0.5); /* Chrome, Safari, Opera */
    transform: scale(0.5, 0.5);
}

1 Answer

0 votes
 
Best answer

In newer versions of in5 (v3.1+), the navigation arrows are standard to all page formats and accessed with the following CSS:

nav#page-nav > #backBtn {
    -ms-transform: scale(0.5, 0.5); /* IE 9 */
    -webkit-transform: scale(0.5, 0.5); /* Chrome, Safari, Opera */
    transform: scale(0.5, 0.5);
 
nav#page-nav > #nextBtn {
    -ms-transform: scale(-0.5, 0.5); /* IE 9 */
    -webkit-transform: scale(-0.5, 0.5); /* Chrome, Safari, Opera */
    transform: scale(-0.5, 0.5);
 
(Note how the next button has a negative x-scale, that's to flip the arrow around facing to the right).

 

answered Jun 13 by justin (136,310 points)
selected 6 days ago by justin
...