Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
#1 2020-09-03 12:38:19
- Gallex
- Member
- Registered: 2006-10-08
- Posts: 1,304
CSS: margin between bullet and text
hi!
if you look at an unodered list here , you will see a margin between orange bullet and text. i would like to decrease this margin, but i can’t figure it out how. is it possible?
Offline
Re: CSS: margin between bullet and text
On that particular site, it’s using custom list item symbols generated with a ::before
CSS pseudo-element.
Should be able to amend it by changing the margin
and width
values in the following rule:
li::before {
content: '\2022';
font-size: 1.5em;
color: #ff5200;
float: left;
margin: 0 0 0 -1em;
width: 1em;
}
i.e.
margin: 0 0 0 -0.5em;
width: 0.5em;
Offline
#3 2020-09-04 07:05:41
- Gallex
- Member
- Registered: 2006-10-08
- Posts: 1,304
Re: CSS: margin between bullet and text
philwareham wrote #325761:
On that particular site, it’s using custom list item symbols generated with a
::before
CSS pseudo-element.
Should be able to amend it by changing themargin
andwidth
values in the following rule:
hmm, i think i tried this…, but this time it’s really working. thank’s!
Offline