Archived topic
How to only use CSS for content
3 replies · Started by casey on July 6, 2021
Viewing posts 1–4 of 4
Hey,
I just added some CSS to decrease the indent for bullet points in my content, using this:
@media (max-width: 770px) {
ul, li,ol {margin-left: 1em;}
}But the problem is that it's effecting the drop down icons in my mobile header too. So my question is how do I just apply this CSS to the content area of my website ONLY.
You can check it out on this page: https://truthaboutfluoride.com/does-distilling-water-remove-fluoride/
And here's a screen shot of what I'm talking about: https://imgur.com/a/S7ArkmG
Hi Casey,
Try this instead:
@media (max-width: 768px) {
.site-content ul,
.site-content li,
.site-content ol {
margin-left: 1em;
}
}Thanks Elvin, it worked!
No problem. Glad it worked for you. :D
This archived topic is closed to new replies.
