Hide background image for services


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?


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:
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