Docs

[zendog22]

Hi, I have a text box with bullet points in them (in orange). Each bullet sentence is across several lines since the column width is a 1/4 column size. I am wondering if it’s possible to reduce the space between each sentence within each bullet point. But keep the original space between the bullets.

So e.g. communication skills in
facilities management

would have no space between each line.
But each bullet would keep existing spacing between them.
http://kentishandco.staging.wpengine.com/services/

Hope this makes (some) sense and many thanks!

[cjavier]

You can add this to your customizer > Global CSS

li {
    line-height: 1;
    padding-bottom: 15px;
}

However, this will affect all of your lists. Perhaps use a class to specify your sidebar menu.

[Thai]

Thanks for sharing @cjavier.

Hi @zendog22,

Please add the following CSS:

.x-text ul li {
    line-height: 1;
}

Hope it helps 🙂

[zendog22]

Hi, thanks for replying. As the guy above suggested, this solution goes across teh entire website which I don’t want.

I have tried to assign the class ‘bullets’ to the two bullets I want to be affected. But it doesn’t work. Have I assigned it wrongly?

}.x-bullets ul li {
line-height: 1;
}

[Rupok]

Hi there,

Thanks for writing back. It seems you have added the class bullet to the text element. In that case your code would be :

.x-text.bullets ul li {
    line-height: 1;
}

Hope this helps.

Cheers!

[Author]

Posts