-
AuthorPosts
-
June 4, 2018 at 6:22 pm #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 testAnd not like this:
x test test test
test test testThanks in advance!
EefkeJune 4, 2018 at 7:12 pm #966736Hey 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 ShannonJune 4, 2018 at 7:20 pm #966742i 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.
June 4, 2018 at 7:21 pm #966743Hey Guenter,
Thanks for adding a tip to this.
Best regards,
Jordan ShannonJune 5, 2018 at 1:49 pm #967224This reply has been marked as private.June 5, 2018 at 4:45 pm #967307Hi,
Don’t paste this within the text box. Paste it within quick css. Enfold > General Styling > Quick CSS
Best regards,
Jordan ShannonJune 5, 2018 at 8:34 pm #967457This reply has been marked as private.June 5, 2018 at 10:58 pm #967537Hi,
Please add a link to your page if possible so we can see the additional points.
Best regards,
Jordan ShannonJune 6, 2018 at 1:15 pm #967830This reply has been marked as private.June 9, 2018 at 5:15 pm #970463Hi,
Thanks to @Guenni007 I was able to easily add a custom class to your text element: “special-listpoints”
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:
in the url in the Private Content area.Best regards,
MikeJune 11, 2018 at 1:33 pm #971163This reply has been marked as private.June 12, 2018 at 3:10 am #971480Hi,
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,
MikeJune 12, 2018 at 1:25 pm #971663Great, it worked.
Thank you very much for all your help!Eefke
June 12, 2018 at 3:05 pm #971688yes – 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?
June 12, 2018 at 7:10 pm #971773Yes, Thanks a lot!
June 12, 2018 at 9:26 pm #971865Hi,
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 -
AuthorPosts
- The topic ‘Red cross as a bullet’ is closed to new replies.