Prev/Next buttons

kamranx · February 2019

Is there is a way to switch these buttons in css means prev on right and next on left.

Pablo · February 2019

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co

thanks

kamranx · February 2019

http://nutralfa.uk/dry-fruits/

click on first one dry fruit

previous is on the left I want it on right

Pablo · February 2019

This is normal behavior.
The Sticky Arrows are displaying chronological.

I can help you with it, but you have to change the style of this buttons in Theme Options > Blog, Portfolio & Shop > General to "Image" or "Arrows only", because these are only styles I can customize with CSS.
http://prntscr.com/mjhtws

Thanks

kamranx · February 2019

i have changed to arrows now u can customize for me thank u!

Pablo · February 2019

Please paste this CSS into the Theme Options > Custom CSS & JS > CSS

.fixed-nav.fixed-nav-prev{
  left:91.5% !important;
}

.fixed-nav.fixed-nav-prev .photo::before{
  content:'\e916' !important;
}

.fixed-nav.fixed-nav-next{
  right:91.5% !important;
}

.fixed-nav.fixed-nav-next .photo::before{
  content:'\e8b8' !important;
}

Thanks

Prev/Next buttons

Comments