How to change the position of Next/Prev Button

[imgamd85]

Hi,

Right now in an album the next/previous buttons are places on the right and left hand side of the images.

I want to add the button on top and bottom of images.

Kindly Help

 

[Rodolfo]

Anytime you need to change how something looks or where gets placed, you need to start with CSS.

To edit both arrows:

.arrow-navigator a {}

To edit LEFT arrow:

.arrow-navigator a[data-action=prev] {}

To edit RIGHT arrow:

.arrow-navigator a[data-action=next] {}

But, those arrows are part of a navigator block (container), so you need to edit app/themes/Peafowl/views/image.php and get rid of that thing and place your own arrows top, and bottom. To achieve this you will need a lot of CSS, to be honest, I won't bother in change it since later on you will notice that you will also need the JS and more stuff.

It gets complicated.

 

[imgamd85]

I understand. Is it possible to move the arrows to either Top/Bottom of the image. Right now they are in the middle of the screen.

That would be of a great help.

 

[Rodolfo]

Sure, but you need to edit the PHP/HTML of the view file (app/themes/Peafowl/views/image.php). I'm sorry but since is not something that easy to do I can't write it for you.

 

[imgamd85]

Hi,

I have attached the image.php file in notepad. Can you edit and send it to me.

The biggest problem is my CTR is very low. As low as .05%. Need a desperate edit.

Thanks

 

[Rodolfo]

No, I won't do it for you since this has nothing to do with tech support and is not fair to spend time in one person single customization while there are dozens of features not yet released.

I will appreciate if you can understand the fact that customization != support.

Cheers,
Rodolfo.

 

[imgamd85]

Fine. I understand. Right now the next/prev arrows are in the middle. Is it possible to move either to the top/bottom of the image.

I dont want to add any new button here just want it to move a little higher than the current position.