Support » Plugin: Events Manager » Style widget

Viewing 7 replies - 1 through 7 (of 7 total)
  • agelonwl

    (@angelonwl)

    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.

    Nanette Kalisvaart

    (@nanettekalisvaart)

    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!)

    agelonwl

    (@angelonwl)

    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

    Nanette Kalisvaart

    (@nanettekalisvaart)

    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)

    agelonwl

    (@angelonwl)

    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 ‘Style widget’ is closed to new replies.