Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #966698

    Hi There,

    I would like to change the normal bullets in red crosses.
    How can I do that in a way the text also aligns nice on the 2nd row?

    So like this:
    x test test test
    test test test

    And not like this:
    x test test test
    test test test

    Thanks in advance!
    Eefke

    #966736

    Hey Eefke,

    This should be possible via CSS but we would need a link to the site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    #966742

    i would do it with entypo signs
    if you see this demopage: https://webers-testseite.de/bullets/
    this is a text-block element with a normal unordered list. –

    i gave the text-block element a custom class: special-listpoints

    .special-listpoints ul {
        list-style: none;
    }
    
    .special-listpoints li::before {
        content: "\e813";
        font-family: entypo-fontello;
        color: #f00;
    }
    
    .special-listpoints li::before {
        content: "\e813";
        font-family: entypo-fontello;
        color: #f00;
        position: relative;
        padding-right: 11px;
        margin-left: -20px;
    }

    you see that you can play now a bit with for example on before font-size or top left etc

    • This reply was modified 6 years, 5 months ago by Guenni007.
    #966743

    Hey Guenter,

    Thanks for adding a tip to this.

    Best regards,
    Jordan Shannon

    #967224
    This reply has been marked as private.
    #967307

    Hi,

    Don’t paste this within the text box. Paste it within quick css. Enfold > General Styling > Quick CSS

    Best regards,
    Jordan Shannon

    #967457
    This reply has been marked as private.
    #967537

    Hi,

    Please add a link to your page if possible so we can see the additional points.

    Best regards,
    Jordan Shannon

    #967830
    This reply has been marked as private.
    #970463

    Hi,
    Thanks to @Guenni007 I was able to easily add a custom class to your text element: “special-listpoints”
    2018-06-09_111335
    then add this css to your Quick CSS:

    /* special bullets */
    .special-listpoints ul {
        list-style: none;
    }
    .special-listpoints li::before {
        content: "\e816";
        font-family: entypo-fontello;
        color: #f00;
        position: relative;
        padding-right: 11px;
        margin-left: -20px;
    }

    for the result:
    2018-06-09_111108
    in the url in the Private Content area.

    Best regards,
    Mike

    #971163
    This reply has been marked as private.
    #971480

    Hi,
    Please change the “content” line to \e813
    like this:

    /* special bullets */
    .special-listpoints ul {
        list-style: none;
    }
    .special-listpoints li::before {
        content: "\e813";
        font-family: entypo-fontello;
        color: #f00;
        position: relative;
        padding-right: 11px;
        margin-left: -20px;
    }

    Best regards,
    Mike

    #971663

    Great, it worked.
    Thank you very much for all your help!

    Eefke

    #971688

    yes – as i wrote here: https://kriesi.at/support/topic/red-cross-as-a-bullet/#post-966742

    and by the way you get that \ sign by pressing the same time: shift+alt+7

    sometimes the written description is as important as the code ! you missed the custom class setting – haven’t you?

    #971773

    Yes, Thanks a lot!

    #971865

    Hi,

    I’m glad you were able to get this solved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Red cross as a bullet’ is closed to new replies.