• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

How to Add Prev / Next Buttons with Custom Image

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

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

This topic is: resolved

Tagged: custom image, next, posts, prev

  • This topic has 5 replies, 4 voices, and was last updated 9 years, 1 month ago by brankica.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 16, 2013 at 5:20 pm #79578
    MM
    Member

    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!

    December 16, 2013 at 5:38 pm #79580
    Ben Siegfried
    Member

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

    December 16, 2013 at 11:21 pm #79675
    MM
    Member

    http://hoteliyo.com/buy-hotel-domain-names/

    Thks

    December 16, 2013 at 11:59 pm #79681
    Brad Dalton
    Participant

    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.

    add_action( 'genesis_entry_footer', 'genesis_prev_next_post_nav' );
    

    Get Help – Book Consultation.

    December 17, 2013 at 11:34 am #79795
    MM
    Member

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

    December 22, 2013 at 12:26 pm #80777
    brankica
    Member

    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.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble