WP SITES

Log in

Display Different Header Image With Each Color Selection In Genesis

—

by

Brad Dalton

This PHP code adds 4 different color selections to the drop down menu located at Genesis > Theme Settings > Color Style.

color selector

The CSS code displays a different header image pulled from your child themes images folder depending on which color selection you choose from the Color Style selector.

Copy the PHP from the view raw link in the Gist and paste it in your child themes functions.php file using a code editor.

Paste the CSS near the end of your style.css file before your Media Queries.

Comments

2 responses to “Display Different Header Image With Each Color Selection In Genesis”

  1. Rob McNelis Avatar
    Rob McNelis

    Brad,

    I like your site.

    What do you think is most crucial to your long term strategy/success? Curious to hear your answer. 🙂

    Rob

    1. Brad Dalton Avatar
      Brad Dalton

      Hello Rob

      I think a real blog publishes content based on the writers personal authentic experience.

      I like to learn more about WordPress every day and when i do, i share what i learn.

      Strategy, i need one, got any idea’s? hahaha.

      Clearly, i need to be more aggressive with the internet marketing side of things and try and get one link from each person who reads my posts and uses my solutions.

      I think at the end of the day working towards building my own products like themes, plugins or writing eBooks is a good strategy and something i need to make successful.

Leave a Reply

Join 5000+ Followers

Get The Latest Free & Premium Tutorials Delivered The Second They’re Published.