Archived topic

Widget Bullet Point Spacing

3 replies · Started by Adam on July 30, 2019

Viewing posts 1–4 of 4

July 30, 2019 at 2:56 pm #971556

Hey,

I used the following code to add bullet points to my recent post widget

`.widget.widget_recent_entries li {
list-style-position: inside;
list-style-type: disc;
}`

I'm just wanting to shorten the gap between bullet point and writing, so the writing is closer/more flush to the bullet point.

Also, separate question. How can I remove the website url in the comments section. I have searched the forum, and tried a few, but couldn't get it working.

July 30, 2019 at 3:54 pm #971613

Hi there,

you can try this CSS to reduce the spacing:

.widget.widget_recent_entries li a {
    position: relative;
    left: -5px;
}

For the Comments website field try the PHP snippet TOM provides here:

https://generatepress.com/forums/topic/how-to-remove-url-field-from-wordpress-comment-form/#post-589904

July 31, 2019 at 2:34 am #971872

Thanks David. That sorted the spacing issue. Curious if its possible to flush the text as well?

So the second line of text is lined up with the top text, instead of sitting under the bullet point?

July 31, 2019 at 9:26 am #972333

Instead of the CSS above, try this:

.widget_recent_entries ul {
    margin-left: 1em;
}

.widget_recent_entries ul li {
    list-style-type: disc;
    margin-bottom: 5px;
}

Let me know :)

This archived topic is closed to new replies.

Start building better websites today.