[jrothra]

jrothra

#1495

I’m using an image widget that allows me to have multiple instances of the widget in the sidebar, but only one image per widget. However, the theme puts a border around each image. I don’t want that border there. So I used Firebug to find where the image widget was and here’s where it is:

<div id="sidebar1" class="sidebar">



<div id="widget_sp_image-2" class="sidebar-wrap clearfix widget_sp_image"><a class="widget_sp_image-image-link" href="http://www.greggcountygop.com/wp-content/uploads/2011/08/ActionCenter-Contribute.png" target="_self"><img src="http://www.greggcountygop.com/wp-content/uploads/2011/08/ActionCenter-Contribute.png" style="max-width: 229px;max-height: 50px;" class="aligncenter" alt="Contribute" /></a></div><div id="widget_sp_image-3" class="sidebar-wrap clearfix widget_sp_image"><a class="widget_sp_image-image-link" href="http://www.greggcountygop.com/wp-content/uploads/2011/08/ActionCenter-Volunteer.png" target="_self"><img src="http://www.greggcountygop.com/wp-content/uploads/2011/08/ActionCenter-Volunteer.png" style="max-width: 229px;max-height: 50px;" class="aligncenter" alt="Volunteer" /></a></div>		<div id="recent-posts-4" class="sidebar-wrap clearfix widget_recent_entries">		<h3>Latest</h3>		<ul>

<li><a href="http://www.greggcountygop.com/2011/08/02/proposed-amendments-to-the-texas-constitution/" title="Proposed Amendments to the Texas Constitution">Proposed Amendments to the Texas Constitution</a></li>

<li><a href="http://www.greggcountygop.com/2011/08/01/budget-deal-is-a-big-dud/" title="Budget Deal is a Big Dud">Budget Deal is a Big Dud</a></li>

<li><a href="http://www.greggcountygop.com/2011/07/31/marco-rubio-v-john-kerry-lively-debate-great-points/" title="Marco Rubio v. John Kerry: Lively Debate, Great Points">Marco Rubio v. John Kerry: Lively Debate, Great Points</a></li>



<li><a href="http://www.greggcountygop.com/2011/07/30/louie-gohmert-talks-about-the-gop-strongarming-and-tongue-lashing-other-republicans/" title="Louie Gohmert talks about the GOP strongarming and ‘tongue-lashing’ other Republicans">Louie Gohmert talks about the GOP strongarming and ‘tongue-lashing’ other Republicans</a></li>

<li><a href="http://www.greggcountygop.com/2011/07/30/%e2%80%98bloodied%e2%80%99-%e2%80%98beaten%e2%80%99/" title="‘Bloodied’ & ‘Beaten:’…">‘Bloodied’ & ‘Beaten:’…</a></li>

</ul>

</div>



</div><!-- #sidebar1 -->

It’s the first two divs. So, to remove the border, I put this inside the child theme’s CSS:

.sidebar div.sidebar-wrap widget_sp_image {

background: none;

border: none;

-moz-box-shadow: 0;

-webkit-box-shadow: 0;

box-shadow: 0;

}

However, it didn’t work. What I want is to put a series of images in a column at the top right without having to change the sidebar file, but using plugins and/or widgets.

[Syahir Hakim]

Syahir Hakim

#15957

You’re missing a dot before the widget_sp_image. The first line should be like this:

.sidebar div.sidebar-wrap.widget_sp_image {