How to change the location of back/next arrows?

Question

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! 

Comments

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);
}

Answer 1

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).