Hi! I’m setting up my homepage and am using the Recent Posts widget to display posts from a single tag, with thumbnails. I would like to remove the bullet points from the list, but can’t seem to figure out how. I’ve tried overriding the CSS using Custom CSS in both the widget window within the post itself and also using the Custom CSS found in Appearance < Custom CSS in WordPress. I've tried inputing the following codes to the Custom CSS:
ATTEMPT #1:
.bwp-rc-ulist ul {
list-style: none !important
}
ATTEMPT #2:
.no-list-style ul {
list-style-type: none;
}
ATTEMPT #3:
.widget ul {
list-style: none;
padding: 0;
}
Any help or advice is much appreciated!
Hi Emma,
It’s quite likely your theme is using more specific CSS than you’ve tried.
Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
This is a private message.
Hi Emma,
Weird stuff. Just glad it’s working as desired. :)
I can’t seem to see it on your website. Where about’s is it? None of the selectors you used are present on any of the pages I checked.
Hmmm… it’s the first content area on the homepage, labeled “Recent Posts”. I’m running the Recent Posts Extended widget there. (I tweaked the thumbnail size, and the font weight and size a little!)
Hi Emma,
Oh. Well, that explains why the CSS you were previously trying to use didn’t work – only the last selector is valid and it likely wasn’t specific enough.
You should have used something like this instead:
.rpwe-ul { list-style: none; }Ah. Gotcha. Thanks!