[Support request] all text beyond bullet points – and with space

[manuschak]

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!

GeneratePress 2.2.2

[David]

Hi there,

try this CSS:

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David]

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;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[manuschak]

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

[David]

You’re welcome, glad you got it resolved.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts