How to Add Prev / Next Buttons with Custom Image

Community Forums Forums Design Tips and Tricks How to Add Prev / Next Buttons with Custom Image

This topic is: resolved

This topic contains 5 replies, has 4 voices, and was last updated by  brankica 12 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #79578

    MM
    Participant
    Post count: 128

    Hi, I’m trying to add Prev / Next post arrows (using a custom image for the arrows) and to put it up just under the title for each blog (likely in the same section as the author name and comments). Has anyone found a good tutorial or can recommend how to do that? Lots of scattered info out there, thanks!

    #79580

    benjeeno
    Participant
    Post count: 266

    Do you have the URL to the blog you want to do this with?

    #79675

    MM
    Participant
    Post count: 128
    #79681

    braddalton
    Participant
    Post count: 10667

    You can add a background image to each class for previous and next post.

    You need to add single post navigation support first and then you can inspect the classes to use with your background images.
    [php]
    add_action( ‘genesis_entry_footer’, ‘genesis_prev_next_post_nav’ );
    [/php]


    #79795

    MM
    Participant
    Post count: 128

    Thks Brad. Something clashing but found your blog post that helped.

    #80777

    brankica
    Participant
    Post count: 16

    I am trying to do a similar thing. Where can I find a post that is explaining how to style the post navigation.
    I added the function, it is working, but the left (previous) post is sitting on top of the right (next) one since the titles are longer. I searched everywhere on this site but can’t find the CSS code to help me style it.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.