Pro 5.1.4 simple css on text elements no longer working

[Sophiamp]

Hello,

I am having trouble with getting simple css to work on certain text elements.

It used to work just fine, but since one of the major updates, it no longer does.

Ive tried adding the css to the text element, and also to the page and global css - with no luck.

I am simply wanting to add extra bottom margin on li’s, and less bottom margin on general p.

for the li, I have used:

$el ul li {
margin-bottom: 10px;}

or on page and global:

.intro-list li {
margin-bottom: 10px !important;
}

page in question:
https://jeffcarreira.com/

Your help is appreciated.
Thanks

[tristup]

Hi Sophie,

Thanks for reaching out.
Although we don’t offer any support to custom CSS code, still I would suggest you use the CSS code for .intro-list li and add it to the Theme Options > CSS.

Hope it helps.
Thanks

[Sophiamp]

Thanks for replying - Im not looking for the correct css code, I know what that is - Im wondering why its not working when I apply it to the css of the element directly, or on thew page css, or on the pro global css?

Thanks for your help.

[ruenel]

Hello Sophie,

Your code is valid and correct.

$el ul li {
    margin-bottom: 10px;
}

This code is only valid when you add this to the Text element’s inline CSS property. This code will NOT work when added in the page’s CSS or in Theme Options CSS.

I have inspected your page and I wasn’t able to find the code when viewing the page source. You may have added the code in the wrong page or element in the wrong or that you have removed it already. Please put it back again so we can check it.

By the way, if you are using a caching plugin, clear your plugin caches first before testing.

Best Regards.