Blog Header

  • Unknown's avatar
    martiansky · Member ·

    Hello,

    I am working on setting up my wordpress website. The theme I’m using allows for different header images on each page, however when I set up my blog I can’t add a feature or custom header image that is different from the Home Page header.

    I tried using CSS, but I can’t get it to work. Not even sure I can do this, but I thought I’d ask in case there is a way to change it.

    I have a Premium account, and this is my website https://martianskyepress.com/

    Also, can you recommend a source of sample CSS code? I’m looking for ideas and thought it would be helpful to see what others have done.

    Thank you.

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

  • supernovia · Staff ·

    Hi @martiansky, you shouldn’t need to use CSS to get the theme to work like its demo. I’ve moved this topic to the support forums accordingly :)

    Are you using featured images as outlined here? You’ll want to be sure that each page or post that should have a different header, has a different featured image. And you’ll want to be sure you’re using images that are large enough.
    https://wordpress.com/theme/dynamic-news/setup

    Also for what it’s worth, I’m seeing a different image on one of your pages. Is it just some pages that don’t work?

  • Unknown's avatar
    martiansky · Member ·

    The featured header function works fine for all of the Static Pages, but it doesn’t work for the Blog page. It does work for individual Blog Posts, but I didn’t want to have a new image for every single post on my blog.

    From my limited analysis, I surmised that the Blog page creation function takes its Header data from the Home Page in a way different from that of the Static Pages. The code for the header image seems to be fixed, though I could be reading it wrong. I had hoped that the right CSS code could override that and allow me to use a different image on the Blog Page’s Header.

    I don’t think that I have access to the HTML, so CSS was my only available option.

  • supernovia · Staff ·

    Got it, you could use the CSS to sub that out, then.

    What image are you hoping to use? Can you send a link?

  • Unknown's avatar
    martiansky · Member ·

    This is the image link from my wordpress site that I was thinking of using.

  • supernovia · Staff ·

    Great, thank you.

    Try this:

     .blog div#custom-header img {
    visibility: hidden;
}

.blog #custom-header {
    background: url(https://martianskyepress.files.wordpress.com/2018/04/cropped-lake-e1526846341640.jpg);
    background-size: cover;
}

    If you change your mind on the image, just substitute that URL.

  • Unknown's avatar
    martiansky · Member ·

    It worked, thank you.

  • The topic ‘Blog Header’ is closed to new replies.