Archived topic

all text beyond bullet points - and with space

5 replies · Started by manuschak on February 28, 2019

Viewing posts 1–6 of 6

February 28, 2019 at 12:54 pm #824929

Hi there

thanks for giving me a simple css for creating lists with bullet points.

Now I would like to have the whole text of several lines beyond the bullet points (you call this indent, do you?)
and i also wish to have more space between the text and the points. How?

Thanks for your help!

February 28, 2019 at 2:31 pm #825011

Hi there,

try this CSS:

#main ul li {
    list-style-position: outside;
    margin-left: 1em;
    padding-left: 0.5em;
}

March 4, 2019 at 4:38 am #828177

Hi there,

in your Simple CSS you are missing a closing } on the previous CSS rule ie.

.entry-content ul {
    list-style: circle;

Should be this

.entry-content ul {
    list-style: circle;
}

Fix that and the above CSS will work

March 4, 2019 at 6:42 am #828262

You have a few other errors in your CSS, replace all of it with this:

header {
    font-family: 'bradley hand';
    'bold'
}

.widget ul {
    margin: 0 0 1.5em 3em;
}

.widget ul li {
    list-style-type: disc;
}

ul {
    padding-left: 0;
}

ul li {
    list-style-position: inside
}

@media (max-width: 768px) {
    .one-container .site-content {
        padding: 20px;
    }
}

.extra-border {
    border-width: 5px !important;
}

/* Lists */
.entry-content ul {
    list-style: circle;
    margin-left: 0;
}

.entry-content ul {
    list-style: circle;
}

#main ul li {
    list-style-position: outside;
    margin-left: 1em;
    padding-left: 0.5em;
}

March 5, 2019 at 12:29 am #829117

thank you very much for this support - now its perfect!

March 5, 2019 at 3:39 am #829244

You're welcome, glad you got it resolved.

This archived topic is closed to new replies.

Start building better websites today.