Hide background image for services

Hi.

I’ve applied a background image to the theme, that I’d just like to have displayed for the frontpage. Is there a way to disable the background image for all other pages? Or, just services?

Hi,

You can disable the background image from the specific page using this CSS code below

body.single-services.custom-background {
    background-image: none;
}

The code above used to disable the background image in a single page of the service page.

If you want to disable it on another page too, you may need to change this class name:
body.single-services.custom-background
then find the class name of the page that you wanted by following this:

  1. In the Chrome browser, right-click the page and choose “inspect element”
  2. Open the Element tab, and you’ll get the class name in here:

Thanks for the quick reply! :slight_smile:

1 Like