WordPress.org

Support

Support » Plugins and Hacks » [Resolved] Style widget

[Resolved] Style widget

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi,

    easiest way is to use your theme style.css to do some styling on it; e.g. you can add or remove padding and margin.

    Use Chrome or Firebug to inspect element and get its css class or id name.

    Thank you! I learned something new today by looking at the sourcecode of the page in Chrome. I’m assuming that is what you meant. 🙂

    So now I know I need to look for classes ‘widget widget_em_widget’ and/or ‘widget-title’ or id ’em_widget-2′. But there doesn’t seem to be an css-file with these classes, is that correct?
    And if so, where does it get its style-formats from now?

    (Thanks in advance!)

    you can try something like

    .widget .widget_em_widget h3.widget-title {
    
    }

    you can add this in your theme style.css or within your theme header.php inside <head> tag

    Gotcha. Thanks.
    But how does it know now to leave room between the title and the list? Where is that code located? (Just for my curiosity and learning process)

    you can used chrome or firebug to inspect the elements and it will show you the css of that elements.

    Thanks. I found it.

    For others, it’s in style.css.
    I changed the margin-bottom.

    .widget-area .widget h3 {
    margin-bottom: 2px;
    }

    glad it worked.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Resolved] Style widget’ is closed to new replies.