This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Style.css override in Widget Attributes

Resolved 7 replies premiumthemetheme-vantage
kwkirchner
10 years ago · Last reply by Andrew Misplon 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Andrew Misplon Staff 10 years, 6 months ago

    Hi Kwkirchner

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

  2. kwkirchner 10 years, 6 months ago

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

  3. Andrew Misplon Staff 10 years, 6 months ago

    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. Andrew Misplon Staff 10 years, 6 months ago

    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. Andrew Misplon Staff 10 years, 6 months ago

    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. kwkirchner 10 years, 6 months ago

    Awesome! Thanks!

  7. Andrew Misplon Staff 10 years, 6 months ago

    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.

Have a different question or issue?

Start New Thread