Reverse Previous and Next buttons under Ethos

Support
#1

Hi,

Currently, the previous and next buttons are really confusing as the “arrow pointing towards left” is taking me towards the newer posts and “arrow pointing towards the right” is taking me to the older post. Is there a way to reverse the function, so that the functionality is not counterproductive over the site.

You can refer to this link: http://www.blockodes.com/2020/04/14/introduction-to-blockchain/

Thanks and Regards
Ritika

#2

Hello Ritika,

Please try this code in X > Theme Options > CSS:

.x-nav-articles .prev {
    transform: rotate(180deg);
}

.x-nav-articles .next {
    transform: rotate(180deg);
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

#3

Hey Jade,

Thanks for the update. This solves the problem, but now the buttons are available one after the other. So I am getting the right arrow button, before the left one. You can refer to this link:

http://www.blockodes.com/2020/04/16/technical-details-about-blockchain/

#4

Hi,

I was able to solve that, using float values as per the CSS. Thanks for your help.

#5

Hey Ritika,

We’re glad you managed to fix the issue on your own and thank you for letting us know.

Cheers!

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.