Remove background on only some pages

  • Hello, I’m trying to remove the background on my shop page and the product pages only. I tried looking it up and found to use this under custom CSS: body.page-id-127.custom-background {
    background-image: none;
    }

    But it didn’t do anything. Can you please assist on how to proceed? thank you.

    The blog I need help with is moonvibes4.com.

    The page I need help with: [log in to see the link]

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

  • Is this what you are trying to remove?
    https://moonvibes4.com/wp-content/uploads/2019/03/tapeta-tlo-z-desek.jpg

    You want to apply to the single product template page…
    body.single-product {
    background-image: none;
    }

    on the /shop/ page? The shop is an archive page and does not have a unique page ID Something like this may work, not sure how it will affect other pages.
    body.archive.post-type-archive.post-type-archive-product {
    background-image: none;
    }

    You may have to play around with some other classes. You can view them in with the “inspect” feature in chrome.

    The goal is to have a class or string of classes unique to that “page view”.

    • This reply was modified 5 years, 9 months ago by Kim White.
    Thread Starter passero2009

    (@passero2009)

    OMG Kim, I appreciate you sssooo much!!!! This worked!! Thank you, thank you, thank you ?? ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove background on only some pages’ is closed to new replies.