News Pro – Removing Bullets in Sidebar

[walshandj]

Probably a fairly simple question, but I tried hunting around in the CSS and couldn't figure it out. I just want to remove the bullets that show up in the sidebar of my theme for uls. See here on right: http://trancemusicblog.com/

At first I wanted to just do if for one widget (possibly utilizing the widget id--the one called Highest Rated Trance Tracks) but if that's too complicated I could just do it for all of them.

Thanks in advance for any help.

http://trancemusicblog.com/

[Stefsull]

The code you're looking for is in this class (it's a pseudo element with generated content - easiest to see with Chrome's Web Inspector):

.after-entry li::before, .news-pro-home .content li::before, .sidebar li::before

If you want to get rid of them in the entire sidebar and you have access, just remove the .sidebar li::before class from that list.

If you want to override them only for one widget, you can get the widget ID and do it like this:

#gdstarrmulti-4 li::before {
    content: ''; /* That is an open/close single quote. It will just override the marker already set in the above rule */
    margin: 0; /* Use only if you want to get rid of the margin left by removing the list-item marker */
}

Hope that helps.

[walshandj]

Thanks! Just getting back now and will be able to try this out a bit later. I'll mark as resolved if all goes well. Appreciate the detailed reply!

[Stefsull]

Sure. Let me know if you have any more questions (well, about CSS anyway ;)). Now I'll just cross my fingers that someone will answer my PHP and shortcode one. LOL

[walshandj]

Yep! I've gone ahead and just taken away them from the entire sidebar. I hope so too, haha. I hope I learn more advanced PHP soon to be in the position to reciprocate with an answer! Definitely trying to improve with customization.

[TheresaSh]

Thanks Stefsull,

That worked for me also!! Great coding!!

Worked for hours on it and saw this post!!

[Author]

Posts