Joomla Templates Club 406,261 posts

[jkstle Friend jkstleJoin date: May 2013Posts: 1Downloads:0Uploads:0]

#188318

I am working on the site http://crossridgemontessori.com/.

I am trying to add a box shadow to several of the sections to help add some more distinction/separatioin between them. I am using the following code in the custom.css file:

.section2{-webkit-box-shadow: 0px 1px 10px #6F7173 -moz-box-shadow: 0px 1px 10px #6F7173 ;box-shadow: 0px 1px 10px #6F7173}

It adds a shadow to the section but there is also a shadow around div.custom.section2….

I can remove it by adding:

div.custom.section2{-webkit-box-shadow: none; -moz-box-shadow: none ;box-shadow: none;}

So my question is if that is the right way to do it. I am still new to css and always seem to be doing things the hard way so I wanted to check with you guys.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#496255

Hi,

It’s great & right with your customizations ! We also always recommend users to put their overidden css styles into custom.css file.

[Author]

Posts