-
AuthorPosts
-
August 30, 2022 at 11:25 am #1363182
Dear Team,
i would like to change 2 bullet point appearance aspects:1. Use an image instead of dots or “1,2”
> E.g. here https://kriesi.at/support/topic/how-to-change-the-standard-bullet-points-to-a-custom-png-image/ – I did not get where to save the image. As a media resource in the media gallery and then us the specific url of this file?2. Change the bullet color (w/o changing the text color).
-> E.g. this hint https://kriesi.at/support/topic/changing-color-of-bullets-in-bulleted-list/ did change both elements on my pageThx a lot & best regards Tilman
August 30, 2022 at 4:08 pm #1363231but the one has nothing to do with other? – because if you use an image instead – you can not colorize it in the sense of a font-icon.
If you decide to have font-icons instead – you can follow that : https://webers-testseite.de/listpoints/
_______
PS : there is a css property for images: https://www.w3schools.com/cssref/pr_list-style-image.asp
The list-style-image property replaces the list-item marker with an imageAugust 30, 2022 at 5:15 pm #1363258thx Guenni007 – no, has not to do with ea. other. And font icons are not an option for this case
Any idea how I can make the bullet point to appear in a different colors vs. following text?
August 30, 2022 at 7:38 pm #1363300there is no property like “list-point-color ”
All methods to achieve this go over not displaying the list points ( display: none) and then mostly using the pseudo-container : before to refill the place.
or the list-style is set to none.
See: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_bullet_color
change the content from :content: "\2022";
tocontent: "\21D2";
and click on Run
If you could show me the list, and which image to show instead, then I could generate you the css code for it.PS: these content letters are html entities in unicode hexadecimal – you can find them in a list on : http://unicode.e-workers.de/entities.php
remove the semi-colon at the end and take the last 4 digitsAugust 30, 2022 at 9:01 pm #1363301Thx again Guenni –
… this is a little bit too much “Maschinenraum” for me ;-)Simply to modify the bullet point color would for me be more important vs. the “icon / image” aspect
-> Maybe somebody of the Enfold support / moderator team may know a way to realize this (?)August 31, 2022 at 8:45 am #1363313Maybe you can use the pseudo element :marker
( but IE will not respect that rule – edge does – so who cares )
by: https://css-tricks.com/almanac/selectors/m/marker/li::marker { color: red; }
if you like to have this only on selected text-blocks – give a custom class to the text-block and
.custom-class li::marker { color: red; }
these are: Selector Level 4 – so like :any-link etc. all older Browsers will ignore those settings.
August 31, 2022 at 12:27 pm #1363348August 31, 2022 at 12:30 pm #1363349Hi Rikard,
yes, thats very kind of Guenni – Are there any additional info / hints you may have out of the Kriesi team re. the topics mentioned ?Thx & best regards Tilman
August 31, 2022 at 4:41 pm #1363383Hi,
No I think @guenni007 covered it pretty well. Let us know if you should have any further questions for us.
Best regards,
RikardAugust 31, 2022 at 8:47 pm #1363404But if he only wants to hear it from a qualified source …
August 31, 2022 at 9:45 pm #1363408… lieber guenni007, bitte nicht falsch verstehen – das war alles hilfreich / hab ich ja auch mehrfach bedankt / und beim support team nachzufragen ob es noch infos geben könnte ist keine abwertung :-)
September 4, 2022 at 11:10 am #1363780Aber viel einfacher als ein kleines css in das quick css zu setzen geht es wirklich nicht. oder?
-
AuthorPosts
- You must be logged in to reply to this topic.