Diffrent Headers Background for product category

  • Hello,

    I am having an issue with my website, my theme doesn’t support adding different background images for each product category, can anyone help how can i solve this issue using custom css or maybe using a plugin?

    Thanks in advance!

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

  • use the body class for each category to change the background image with css.

    body.category-name the-div-name {
    background: url(new-image-url);
    }

    And repeat for each category

    Thread Starter ita21

    (@ita21)

    hello @janet4now i tried but nothing happens ??

    What is the css you used? Can you post a link?

    Thread Starter ita21

    (@ita21)

    body.krem-hidratues .title_outer.with_image {
    background-image: url(wp-content/uploads/2021/03/kremhidratues.jpg) !important;
    background-position: bottom center;
    height: 300px;
    }

    Do you have a link to your site?

    And the url for the image is not going to work like that. Go your media folder and copy the url where the button says “copy url to clipboard”.

    Thread Starter ita21

    (@ita21)

    Yes i have the full link for the image, i am not posting the link for privacy reason, is there any way you could help me?

    No, sorry. I have to see it. Use the inspector with chrome and you can probably figure it out that way.

    Thread Starter ita21

    (@ita21)

    This is the div class for background image:
    <div class="image responsive"><img src="/wp-content/uploads/2021/03/PRODUCTS.jpg" alt="&nbsp;" /> </div>
    and css:

    .title_outer.with_image .title {
    line-height: normal;
}

    If you want to post the link I can help you. Otherwise, you can probably hire someone for very little money to help you.

    • This reply was modified 3 years, 9 months ago by janet4now.
Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Diffrent Headers Background for product category’ is closed to new replies.