StudioPress

Forum navigation

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

Need to Display Different Header Images on Different Pages???

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.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Need to Display Different Header Images on Different Pages???

This topic is: not resolved

Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 14, 2015 at 9:25 am #140843
    LaunchPad777
    Member

    Hello everyone,

    Hope you are all well...

    Busy building a website for a client using the Sample theme...

    My Client has now come up with a curve ball....I wonder if you can help.

    I have been searching for a solution for several hours and have tried several; different plugins as well (WP Display Header Plugin and Unique Header )....but I think the Genesis Sample theme doesn't support the plugin functionality...

    Basically I have installed the vSlider plugin to display several rotating images to the Header Right Widget Area (above the Navigation Menu). Now my client has decided that he wants a different Header image on some of the other pages. So the vSlider will show as the default except on specific pages.

    Firstly, is this possible?

    Secondly, what would I need to do to get this right?

    Appreciate your help...

    Best regards
    Greg

    http://www.bryanparkliquor.co.za
    February 14, 2015 at 3:29 pm #140868
    Tonya
    Member

    Hi Greg,

    It's really not that hard to do this. What you want to do is add a class to the body element that you can then style. The easiest way is:

    1) Predefine classes with the individual images
    2) Then add one of the classes in the Page option under Layout Settings -> Custom Body Class to each page

    Now if your client wants to do something like add an image within the page itself that is then assigned as the header background image, now you have to add a metabox to the page where he can upload or attach the image he wants. Then you'll need to do some coding to set that image as the background-image by loading it into the <head>.

    Cheers,
    Tonya

    Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
    Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

    February 16, 2015 at 4:20 am #141002
    LaunchPad777
    Member

    Thanks Tonya,

    Okay perhaps I should have mentioned that I'm not a coder so I wouldn't know where to start to implement your solution...

    Is there some other way to do this?

    Regards
    Greg

    February 16, 2015 at 6:10 pm #141057
    Tonya
    Member

    Hi Greg,

    Sorry for the late response. Dealing with some family issues right now.

    I'm not aware of a plugin on the market that will meet your needs. Therefore, you will need a custom solution, meaning code work is required. It is not a difficult plugin to develop, but you will need someone who knows Genesis, WordPress, and plugins.

    Cheers,
    Tonya

    Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
    Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

    February 17, 2015 at 1:32 am #141076
    Leif
    Participant

    this might help...
    http://designsbynickthegeek.com/tutorials/dynamic-body-classes

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