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!
Hi 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.