Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 31, 2022 at 11:18 pm #1370867
    envato99

    Hi,

    I would prefer to have a hyphen at the beggining of each point in my bullet lists instead of a circle — is it possible?

    [ ‘—’ instead of ‘•’]

    Thanks
    Stephen

    October 31, 2022 at 11:35 pm #1370868
    envato99

    UPDATE:

    I found some CSS code on this support forum and applied it but it seems not to work.

    Thanks

    • This reply was modified 2 years ago by envato99.
    • This reply was modified 2 years ago by envato99.
    • This reply was modified 2 years ago by envato99.
    • This reply was modified 2 years ago by envato99. Reason: Fixed a problem caused by some CSS
    November 1, 2022 at 2:15 pm #1370912
    Rikard

    Hi,

    Great, I’m glad that you found a solution, and thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    November 1, 2022 at 2:22 pm #1370914
    envato99
    This reply has been marked as private.
    November 1, 2022 at 8:14 pm #1370956
    Rikard

    Hi,

    Please refer to this: https://stackoverflow.com/questions/3200249/html-list-style-type-dash

    Best regards,
    Rikard

    November 1, 2022 at 11:28 pm #1370993
    envato99

    Thanks Rikard.

    I found some code that works for changing the bullet list character:

    li{list-style: none; padding:0; }
    li{padding-left: 2em; text-indent: -2em; }
    li:before {content: ‘—’; padding-right: 1em; }

    However, when I modify the bullet character, it affects the top menu. — I’m guessing WordPress or ENFOLD uses a list for the menus, and this list is also affected by the CSS snippet?

    Thanks,
    Stpehen.

    November 2, 2022 at 11:44 am #1371037
    Mike

    Hi,
    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. For example:

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

    Best regards,
    Mike

    November 2, 2022 at 4:08 pm #1371093
    envato99

    Hi Mike,

    Thanks for that code snippet. I’ll give it a try later.

    [Did one of the Kriesi techs edit anything on credosoft.com recently? — the menu seems to have reverted back to displaying the problem bullet / hyphen characters again, though I don’t see any code in the custom CCS for ENFOLD…’]

    Thanks,
    Stpehen.

    November 2, 2022 at 5:49 pm #1371117
    Rikard

    Hi,

    Thanks for the update. We haven’t changed anything on your site, so I’m not sure how that would have happened.

    Best regards,
    Rikard

    November 2, 2022 at 5:55 pm #1371121
    envato99
    This reply has been marked as private.
    November 2, 2022 at 7:33 pm #1371130
    Mike

    Hi,
    Shall we close this thread then?

    Best regards,
    Mike

    November 2, 2022 at 7:40 pm #1371134
    envato99

    Yes — please close this one Mike.

    Thanks,
    Stephen.

    November 2, 2022 at 7:44 pm #1371138
    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 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Possible to change bullet character in bullet list?’ is closed to new replies.