Textpattern CMS

#1 2020-09-03 12:38:19

Gallex

Member

Registered: 2006-10-08

Posts: 1,289

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?

#2 2020-09-03 14:43:45

philwareham

Core designer

From: Haslemere, Surrey, UK

Registered: 2009-06-11

Posts: 3,564

Website GitHub Mastodon

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;

#3 2020-09-04 07:05:41

Gallex

Member

Registered: 2006-10-08

Posts: 1,289

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 the margin and width values in the following rule:

hmm, i think i tried this…, but this time it’s really working. thank’s!