Archived topic
Issue with Bullet List Custom CSS
5 replies · Started by Bill on September 26, 2021
Hi!
I used the following custom CSS to style my Article's bullet lists, but for some reason that I cannot find, the same style is shown on my homepage in the LATEST POSTS section. I chose ".inside-article" for this reason but it keeps showing.
/*Style Bullet List*/
.inside-article ul li{
margin-bottom: 10px;
text-align:left;
list-style-image:url(https://function5fitness.com/wp-content/uploads/2021/09/check.png);
}Can you help me with this?
Hi Bill,
Not sure I fully understand your question, this is what I see:
https://www.screencast.com/t/gJdnBc5m
Can you tell me what are you trying to achieve exactly?
Let me know :)
Hi!
Sorry if I wasn't clear. I was trying to change the style ONLY for the articles like this for example (which I did just fine).
The problem is that the same style has been applied to my homepage in the section of your screenshot, which I don't want. How can I apply the style for the article-type pages?
Ah I see what you mean, you can try add this selector .single-post before your CSS.
So it would be like this:
/*Style Bullet List*/
.single-post .inside-article ul li{
margin-bottom: 10px;
text-align:left;
list-style-image:url(https://function5fitness.com/wp-content/uploads/2021/09/check.png);
}Thank you, Ying! This addition has, indeed, fixed the issue!
You are welcome :)
