• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Style Single Post Navigation The Same As Your Themes Buttons

Here’s the result of what this code produces when added to the Genesis Sample child theme by StudioPress.

style post navigation

The code below uses your themes existing CSS for buttons to style both the previous and next post links after all single posts.

Simply change the class name in the PHP from button to whatever your theme uses if you want to style your single post navigation links the same as your themes buttons.

Reader Interactions

Comments

  1. Scott says

    February 20, 2014 at 9:12 am

    Hi Brad,

    As a new user of Genesis I’ve followed some of your tutorials, the jetpack restyling and social icons worked a treat!

    I’m struggling with this one as I cant work out how to make this work in agency pro. I’ve pasted the code in and get the buttons, but they flash yellow and I have chosed the blue splash in my theme.

    Any help would be great

    Keep up the good work!

    Scott

    Log in to Reply
    • Brad Dalton says

      February 20, 2014 at 6:40 pm

      You would need to copy the code for your buttons and modfiy the values for the color in that case if you want to change the default color.

      Log in to Reply
      • scott says

        February 21, 2014 at 8:01 am

        Hi Brad

        I’ve tries that but changing the values in the css doesn’t change it.

        Log in to Reply
        • Brad Dalton says

          February 21, 2014 at 8:32 am

          Are you using the same classes as what the PHP generates?

          Are they the same as what your default buttons use?

          Log in to Reply
          • scott says

            February 21, 2014 at 11:46 am

            How do I check my classes Brad, I’m using agency pro. Essentially all I’ve done is pasted your codes, it looks great just flashes the wrong colour

          • Brad Dalton says

            February 21, 2014 at 9:13 pm

            ALL the code i publish has been tested and works as proven by the screenshots.

            If you want to modify the code, it may require some work on your behalf.

            Changing the color requires changing the hex color code value for the right class.

            You will need to search your style sheet using a tool like Notepad++ for the correct classes and change the value for the background-color.

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.