Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

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

Gallex
Member
Registered: 2006-10-08
Posts: 1,160

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

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

philwareham
Core designer
From: Haslemere, Surrey, UK
Registered: 2009-06-11
Posts: 3,357
Website

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,160

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!

Offline

Board footer

Powered by FluxBB