Setting different custom background images for post pages in Confit

  • Author
  • #1371221

    I have created categories for my clients posts in order to group them under specific pages using the menu feature. Each of the pages has its own background featured image (ie. Wine Trends has a wine bottle). The client would like the “category post pages” to have the same corresponding image in the background. Currently these “pages” are showing the global image for the blog site (wine barrels that show on the home page).
    I have tried setting a featured image for the category post pages but it inserts it into the post and not the background like it does with pages. Is there a way to over ride the background image with a custom image so that the post page matches the corresponding page? Thanks, Angie

    The blog I need help with is



    These are NOT dynamic category pages: Wine Trends, Craft Beers, Artisanal Cheese and Traveling. They are all static pages that will never update.

    Among the most common misconceptions is that bloggers fail to understand is
    (1) there is only one page we can post to in any blog and
    (2) the static pages they create do not automatically update.

    Only the dynamic pages like Categories, Tags and Archives created by the software when we publish a post we that we have assigned Categories and Tags too will update automatically update with new posts.

    By default the front page of the blog is the post that displays all posts in your blog. Though there is only one dynamic page in a blog for posts (not pages) and we cannot post to more than that one page, we can create the appearance that we have posted to more than one page.

    We organize posts by assigning categories to them. You can create a custom menu and add the dynamic categories pages into the custom menu.


    Yes, you can use body classes to target changing the background image for specific types of pages, like categories, using CSS.

    Here is an example that will change the background image for the “Wine Trend Articles” category pages:

    body.custom-background.category-wine-trend-articles {
    	background-image: url(;

    See how the selector ends with “.category-wine-trend-articles” on the first line and has no spaces before it? You can do the same thing for other categories by changing that part to match the other category names.

    Add that to the CSS editor in your Appearance > Customize > CSS panel. Adjust the image if needed.

    #1371441 looks great btw!!


    Thank you designsimply! This is exactly what I needed and it worked perfectly! Appreciate it!



    I checked and it looks great. Confit really is a lovely theme choice for a wine website.

The topic ‘Setting different custom background images for post pages in Confit’ is closed to new replies.