Child theme CSS widget code change not working

  • 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.

    Admin

    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 {
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!