Styling Action Hook widget to transparent background

  • Anonymous

    #5066

    I was searching the forum but was unable to find an answer. I have added a widget for graphene_after_sidebar2 where I want to place my Adsense code. But unable to figure out how to change the background to transparent so that the ads float in that area? Tried to get info in firebug but it states cannot find styling information.

    Any ideas?

    Thanks

    Admin

    Syahir Hakim

    #30568

    Please post a link to your site.

    Anonymous

    #30569

    Oops, I just realized that I must have posted my question in the wrong place on forum. I had it formatted before I accidentally reset the theme and now I can not remember. I just want the ads to show up transparently. Website is http://hippotuskblog.com/

    Admin

    Syahir Hakim

    #30570

    Add this to your child theme’s style.css file:

    #graphene-dynamic-widget-graphene_after_sidebar2 div.sidebar-wrap {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }

    Anonymous

    #30571

    So I am assuming I would I need to include ( #graphene-dynamic-widget) along with the actual widget name to style that area?

    Thanks very much Syahir

    Mod

    Kenneth John Odle

    #30572

    The easiest way is to use Firebug (in Firefox) or Inspect Element (in Chrome) to identify the specific widget name, especially if you want to target a specific widget within that widget area using its unique ID.

    But, yes, you are right. Adding that prefix allows you to target that widget area, but all widgets in that area will be affected.

Viewing 6 posts - 1 through 6 (of 6 total)

  • You must be logged in to reply to this topic.