Support ForumHow to remove box shadow? – Support Forum

How to remove box shadow?

Tom30 — Mon, 28 Apr 2014 17:31:24 +0000

Hi,

Love your theme!

I’m using your theme in the boxed way, but I would like to remove the shadow of every block.
How can I do?

Thanks

Reply To: How to remove box shadow?

IshYoBoy — Mon, 28 Apr 2014 17:55:54 +0000

Hey,

You can use the “inspect element” functionality of your browser (E.g.: Chrome, Firefox) to see which css styles adds it.

You can try this:

.boxed .wrapper-all{
	webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.boxed .wrapper-all{

webkit-box-shadow: none;

-moz-box-shadow: none;

box-shadow: none;

}

Just add it to the “Custom CSS” field inside “Theme Options” or use the starter child theme we’ve provided along with the theme and add the code to the “child-theme.css” file.

It should remove the shadow around the whole container. If there are any other shadows to be removed, please provide the URL to the page so we can identify them.

The idea is however the same. Identify the element, the CSS selector and override it.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: How to remove box shadow?

Tom30 — Mon, 28 Apr 2014 20:05:59 +0000

Thanks!

If someone wants the complete code to remove everything, here it is :

.boxed .wrapper-all, .row, .part-content, .part-header{
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.boxed .wrapper-all, .row, .part-content, .part-header{

webkit-box-shadow: none;

-moz-box-shadow: none;

box-shadow: none;

}

Thanks again for being fast!

Reply To: How to remove box shadow?

IshYoBoy — Tue, 29 Apr 2014 04:38:07 +0000

Thanks for sharing your solution!

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market