Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1359802
    tipul01
    Participant

    Hello,

    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,
    Sebastian

    #1359819
    Joao
    Moderator

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

    #1359881
    tipul01
    Participant

    Hello,

    Here is an example post:
    http://digitalcube.ro/album

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

    #1359928
    Rupok
    Member

    Hi 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!

    #1361016
    tipul01
    Participant

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

    #1361027
    Christopher
    Moderator

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

  • <script> jQuery(function($){ $("#no-reply-1359802 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>