[isdg01Participant]

Hi,

I have a question and I am not seeing anything quite like it in the forums… I am using the Integrity stack. I have placed a drop shadow under my navbar. I am creating a second option to show my client, and on the second option I want to remove the drop shadow as I am playing with the parallax feature and it doesn’t work there. Is it possible to remove the navbar drop shadow from a single page of my site?

Here’s the code I am using for the drop shadow:
.x-navbar {
box-shadow: 3px 3px 10px #888888;
}

Thanks,
Dawn

[isdg01Participant]

This reply has been marked as private.

[JoaoModerator]

Hi Dawn,

Please add to Cornerstone | Settings | Custom | CSS of the page you want to apply the effect:

.x-navbar .desktop .x-nav > li > a > span {
 
    box-shadow: none !important;
}

Hope it helps

Joao

[isdg01Participant]

I’m sorry, I need just a little more help in implementing this piece of code. I am not remembering the syntax to add this to a single page… I want to use it on a page called home2, or page id 382.

I am trying it this way but it is not working…
/* remove drop shadow from one page */
.page-id-382 .x-navbar .desktop .x-nav > li > a > span {
box-shadow: none !important;
}

[JoaoModerator]

Hi Dawn,

Now I realize you want to remove the navbar dropshadow and not the navbar items.

I have added :

.x-navbar { 
box-shadow: none !important;
}

I access home2 via Cornerstone > Settings > Custom > CSS

Hope it helps

Cheers

[isdg01Participant]

Never mind… just figured it out!
I added the .home2 instead of the page id and it worked perfectly!

[JoaoModerator]

Hi Dawn,

Just to clarify, .home2 does not work

It should work with the page id but not with the page name.

It is working because I added for you on Cornerstone > Settings > Custom > CSS

Let us know if you have further questions,

Joao

[Author]

Posts