Site logo

Archived topic

Bulleted list layout

3 replies · Started by Timo on July 21, 2020

Viewing posts 1–4 of 4

I have two questions regarding the bulleted list layout:

1) How can I eliminate the extra line break between bulleted items (for instance under Categories)?
2) How can I indent the list to the right?

On my site, the Recent Posts widget shows the list correctly (the left side of the list is perfectly aligned under the heading "Recent Posts".)

How can I indent the rest of the lists like this?

Cheers,
Timo

Hi there,

1. You have this CSS in Customizer > Additional CSS:

.sidebar .widget_custom_html li {
    margin-bottom: 15px;
}

Remove that to leave just the themes 5px bottom padding.

2. Add this CSS:

.sidebar .widget_custom_html ul {
    margin-left: 1.5em;
}

Hi!

Works well. But is it possible to keep the original setting in the recent posts widget, while these new settings are applied to other lists on the sidebar?

Updated code above to target just the HTML Widgets.

This archived topic is closed to new replies.