Edit CSS to get rid of image background shadow??
Hi – I am working on the following: upcraft.club. The images seem to have a border/shadow which I’d like to get rid of. I’m trying to find where this is happening in the style.css. When I look at the page source, I see this:
<span class="wpsr_floatbts_anchor" data-offset="25" ></span><div id="pl-109"><div class="panel-grid" id="pg-109-0" ><div class="panel-grid-cell" id="pgc-109-0-0" ><div class="panel widget widget_sow-image panel-first-child panel-last-child" id="panel-109-0-0-0"><div class="so-widget-sow-image so-widget-sow-image-base"> <a href="http://upcraft.club/membership" > <img src="http://upcraft.club/wp-content/uploads/2015/01/membership-square.jpg" width="547" height="547" class="so-widget-image" style="max-width:100%; height:auto" title="" alt="" /> </a></div></div></div><div class="panel-grid-cell" id="pgc-109-0-1" ><div class="panel widget widget_sow-image panel-first-child panel-last-child" id="panel-109-0-1-0"><div class="so-widget-sow-image so-widget-sow-image-base">
However when I search for the names of the div classes, I can’t find any of them in the style.css.
Please help! Thanks!
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
1Hi Julie
If you’re running Vantage Premium you can head to Appearance > Customize > Page and un-check the Image Shadow and Rounding checkbox. In Vantage Free you can insert the following into a Custom CSS plugin like Jetpack Custom CSS:
.entry-content #pgc-62-0-0 img { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important }Remember not to make any edits via Appearance > Editor unless you’re using a child theme.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.