Header Image only visible on static page

  • Unknown's avatar
    frowning · Member ·

    My header image only appears on the main static page, and when I go to other pages it disappears. Is there any way I can have my header image on all pages?

    The blog I need help with is: (visible only to logged in users)

  • staff-totoro · Staff ·

    Hi there,

    No problem. First, you will need to go to Appearance>Header and remove the image you have added there now.

    Once you have done that, You can try the following line of code.

    #masthead {
background: url(http://frowning.files.wordpress.com/2014/01/cropped-frowninglogowhite.jpg) no-repeat 0 100%; 
height: 300px; 
}

    To use the above code, click on your site name on the admin menu at the top left, and in the drop-down, select “Customize” to launch the site customizer. You can also reach the Customizer from your dashboard by going to Appearance>Customize

    From there, click on the “CSS” tab, and paste in the code, and be sure to save your changes when you are done.

    If you like you can tweak that CSS value for height to find what works for you. Feel free to experiment. :)

  • Unknown's avatar
    frowning · Member ·

    Perfect! Thank you so much!

  • staff-totoro · Staff ·

    Great, glad I could help!

    Happy Blogging :)

  • Unknown's avatar
    frowning · Member ·

    Is there any way to have my welcome message worked into the header of my blog, and have posts underneath? I want the message to be there but not so prominent…

  • staff-totoro · Staff ·

    Because of how we have modified the theme to get your header graphic, there is no easy way to add text here.

    One thing you may want to try is to prepare a new header file that includes your logo and some welcome text, then upload it to your media library. From there, you can modify the CSS to replace the old image URL with the new one.

    You can get this media URL by clicking on the Edit link for any file in your media library.

    You may also need to adjust the height value of the CSS I already gave, if the new image you create is a different height than the current one.

    Hope that helps. Please let me know if you have any further questions.

  • The topic ‘Header Image only visible on static page’ is closed to new replies.