Different headers for different categories/post

  • Hi & thank you for this amazing theme!
    My question: is there a way to set a different header image for different categories/posts?

    With my previous theme (Pinnacle), this css code did the trick: 

    body.category-adventure .titleclass {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(https://themes.kadencethemes.com/pinnacle/wp-content/themes/pinnacle/assets/img/demo_header_01.jpg);
}

    Is there an equivalent code I could use for Ascend?

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hey,

    Can you post a link to the site that you’re working on so that I can take a look at how your headers are currently configured?

    Thanks,
    Kevin

    Thread Starter rinoadiary

    (@rinoadiary)

    Sure: https://www.rinoadiary.it
    Thanks!

    This CSS should allow you to set the image per category:

    .category-tomb-raider .titleclass {
    background-image: url(https://themes.kadencethemes.com/pinnacle/wp-content/themes/pinnacle/assets/img/demo_header_01.jpg);
}

    Just change the image file and the category when adding the CSS to whatever you need. Let me know if it works for you.

    -Kevin

    Thread Starter rinoadiary

    (@rinoadiary)

    Thank you, it works perfectly!

    I’m not sure whether to open another topic, I’ve got another question: I need to place some custom content in the homepage right after the pageheader div,

    <div id="pageheader"> </div>

    which template file should I edit?
    Thanks!

    • This reply was modified 6 years, 9 months ago by rinoadiary.

    Hey,
    You can use the “page content” to add something even html. I would suggest that over overriding a template. If you had to edit a file you would edit “front-page.php”

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Different headers for different categories/post’ is closed to new replies.