Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 6, 2022 at 2:45 pm #1371519
    envato99

    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.

    November 6, 2022 at 3:45 pm #1371527
    Mike

    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,
    Mike

    November 6, 2022 at 3:59 pm #1371529
    envato99
    This reply has been marked as private.
    November 6, 2022 at 5:11 pm #1371534
    Mike

    Hi,
    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,
    Mike

    November 6, 2022 at 5:55 pm #1371539
    envato99

    Excellent thanks Mike. Exactly what I was trying to do.

    Much appreciated.

    Cheers,

    Stephen.

    November 6, 2022 at 6:55 pm #1371556
    Mike

    Hi,
    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Modify bullet list at page / element level’ is closed to new replies.