Home>Support>Style.css override in Widget Attributes

Style.css override in Widget Attributes

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

I am trying to customize the “Recent Posts” widget. The widget seems to use an unordered list (ul) to display the contents. Unfortunately this looks weird on a widget and wastes lots of space because each line item (li) is also indented. Using Safari’s inspector I found that if I disable the ul settings in the style.css, things look fine. I am not sure how to make this happen using the attribute options available on the widget settings page.

http://www.kirchners.com/Good.jpg
http://www.kirchners.com/Bad.jpg
http://www.kirchners.com/Setup.jpg

URL: http://www2.hacastronomy.org/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Kwkirchner

    Looks like you were able to resolve. If you need any further help, let me know :)

  2. 9 years, 11 months ago kwkirchner

    Not really. I just used a better widget. I would still like to know how to properly use the Widget Attributes.

  3. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Sure.

    Row and widget attributes are an intermediate level tool. If you understand and have a good working knowledge of CSS then they should make sense. If not, then you’re unfortunately missing the base level skillset to use that feature.

    If you’d like to dive in then, please, check out my brief introductory thread here:

    Thread: How do Page Builder row attributes work – row class, cell class and CSS styles

    Hope that helps :)

  4. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    With specific issues like the one you originally asked about, you can just open a thread and we’ll do our best to help out.

    Vantage adds global list styles. For the core Recent Posts widget you were originally trying to override, we would have just said, if the list is inside a Recent Posts widget then apply 0 margin.

  5. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    The easiest would have been to apply that from Appearance > Custom CSS:

    Something like this:

    /* Core WP Recent Posts Widget */
    
    .widget_recent-posts ul {
      list-style: none;
      margin: 0;
    }
    
    .widget_recent-posts ul li {
      margin-left: 0;
    }
    
  6. 9 years, 11 months ago kwkirchner

    Awesome! Thanks!

  7. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    For sure :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More