-
Posts
-
Hi,
Mike suggested creating a custom class to modify the character for bullet lists:
.custom-bullets li{list-style: none; padding:0; }
.custom-bullets li{padding-left: 2em; text-indent: -2em; }
.custom-bullets li:before {content: ‘—’; padding-right: 1em; }“You could add a custom class to the element with your custom bullet points, such as the text element, and then add the custom class to your css, so only this area is changed.”
However, I can’t figure out how to apply the CSS Class to a specific text block..
I think I see where I’m supposed to apply the custom class [TEXT BLOCK > ADVANCED > DEVELOPER SETTINGS] but I can’t get it to work.
Thanks for your help.
Stephen.
Hey Stephen,
Please link to your example page with the custom class added to the [TEXT BLOCK > ADVANCED > DEVELOPER SETTINGS] so we can examine, the css probably needs a little tweaking.Best regards,
MikeHi,
Thanks for the login, I changed your css to:#top .custom-bullets li {list-style: none !important; padding:0; } #top .custom-bullets li {padding-left: 2em; text-indent: -2em; } #top .custom-bullets li:before {content: '—'; padding-right: 1em; }please clear your browser cache and check.
Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike
- The topic ‘Modify bullet list at page / element level’ is closed to new replies.