Tagged: x
-
AuthorPosts
-
February 6, 2017 at 10:10 am #1359802
tipul01ParticipantHello,
I am using the ethos stack and i would like to move the post navigation arrows from the top right to the bottom of the post, right below the cornerstone edited content, preferably “next” aligned to the right of the page, and “left”, to the left.
I tried some versions of the functions.php code but all i managed to do is to remove the > icon from the button square:).
Thank you,
SebastianFebruary 6, 2017 at 10:14 am #1359819
JoaoModeratorHI Sebastian,
Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.
February 6, 2017 at 10:52 am #1359881
tipul01ParticipantHello,
Here is an example post:
http://digitalcube.ro/albumRight n ow it has the featured image on the top, which i will remove, and only the vimeo clip and the info on the left will remain. Right now it has a small button on the bottom right, but it is a cornerstone button that leads nowhere, and i would like that to be replaced by the automatic next/prev post buttons.
I think its a much easier portfolio navigation:)
Thank you.
February 6, 2017 at 11:21 am #1359928
RupokMemberHi there,
Thanks for writing back. You can try adding this under Custom > CSS in the Customizer.
.x-nav-articles { position: absolute; bottom: 0; right: 0; }Cheers!
February 7, 2017 at 6:03 am #1361016
tipul01ParticipantThank you very much, it worked!
Is there a code to put one button to the right of the page and one to the left? right now they are close together.
I mean, still at the bottom, but the previous button to be on the far left, and the next button to be on the right?Thank you so so much.
February 7, 2017 at 6:15 am #1361027
ChristopherModeratorHi there,
Please add following code in Customize -> Custom -> Global CSS :
.x-nav-articles { width: 100%; } .x-nav-articles a.prev { float: left; }Hope that helps.
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1359802 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
