Archived topic
css for li spacing and colours
3 replies · Started by Simon on February 24, 2022
hey
Could I pick someone's brain on the forum, please?
Luck rather than skill, I got the layout I was hoping for (tick instead of bullet point with no margin).
Alas, the second line of text is not aligned.
Any idea how I can achieve no margin when using lists?
Here is the css i used:
`.entry-content ul li, .entry-content ol li {
margin-bottom: 25px;
}
.entry-content ul {
list-style: none;
}
.entry-content ul li:before {
content: '✓';
color: #F17F33;
margin-left:-50px ;
and this is what it looks like:
https://drive.google.com/file/d/1R6Dfy9mQkcn1idEfpYKaueg1SGtwY7r6/view?usp=sharing
Hi there,
try this CSS:
.entry-content ul li,
.entry-content ol li {
margin-bottom: 25px;
}
.entry-content ul {
list-style: none;
margin-left: 0;
padding-left: 25px;
position: relative;
}
.entry-content ul li:before {
content: '✓';
color: #F17F33;
position: absolute;
left: 0;
}Hi David,
Wow! I wish I could work magic like that! That's exactly what I was trying to achieve.
Thanks ever so much.
Cheers
Simon
Awesome - glad to be of help!
