How to create a box or drop shadow for a specific page in sydney theme?

I am using sydney theme for website. There are menus on home page such as Home, About Us, Services, Events, etc. I want that only pages such as About Us, Events, etc should have box or drop shadow for the content. If I use the foll code in Simple Custom CSS or Additional CSS then the box shadow also appears on home page content which I don’t want. Foll is the code

    .container.content-wrapper {
        box-shadow: 15px 15px 15px 15px grey;
    }

All other pages except the home page should have the box or drop shadow.

How to accomplish this?

Hello there,

Try this code:

body:not(.home) .container.content-wrapper {
  box-shadow: 15px 15px 15px 15px grey;
}

Regards,
Kharis

Thanks, it is working.

Hi, I have been designing my home page and successfully implemented services section as designed in sydney theme. Now I have pages such as Services, Service 1, Service 2, Service 3. And in Menus I have created menu structure as below:
Services
- Service 1
- Service 2
- Service 3

This means that Services is the menu on home page which contains three sub-menus. Now when I click on Services menu I can see the service section that I designed on home page.

On clicking of Services menu only the page content of the Services pages should be displayed and not any other content.

How should I resolve this?