Docs

[dthom]

Hi. I have made several styling changes to my site – mysalus.org. I am trying to get the border (box-shadow) removed and was trying this css as i found in the inspection console by changing value to none. I placed this css in the customizer and it did the job but then seemed to negatively affect my top bar on one page (about).

.entry-wrap {
display: block;
padding: 60px;
background-color: #fff;
border-radius: 0x;
box-shadow: none ;
}

Two questions.

1. I had first tried adding the css to my child theme with no effect. Adding to the customizer did have both good and not so good effects. What is the difference between adding css to the customizer vs. my child theme. What is the “best practice here?

2. Is there another value for removing box-shadow other than none?

Thanks

[dthom]

Here is the screenshot

[Friech]

Hi There,

Thanks for writing in! You should only modified the box-shadow since that is the only property that you want to change.

.entry-wrap {box-shadow: none !important;}

Would you mind to clarify how does that affect your topbar? I don’t see that code affecting the topbar.

#1 Please read this post: https://community.theme.co/forums/topic/cannot-make-my-child-theme-css-work/page/2/#post-824210

#2 You can also write it as box-shadow: 0 0;

Cheers!

[dthom]

Thanks so much for both the article references on css. They helped me understand the css specificity much better now.

I am going back and looking at what css I have where and and get things cleaned up.

[Rad]

You’re welcome!

[Author]

Posts