Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #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 page

    Thx a lot & best regards Tilman

    #1363231

    but 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 image

    #1363258

    thx 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?

    #1363300

    there 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"; to content: "\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 digits

    #1363301

    Thx 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 (?)

    #1363313

    Maybe 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.

    #1363348

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

    #1363349

    Hi 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

    #1363383

    Hi,

    No I think @guenni007 covered it pretty well. Let us know if you should have any further questions for us.

    Best regards,
    Rikard

    #1363404

    But if he only wants to hear it from a qualified source …

    #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 :-)

    #1363780

    Aber viel einfacher als ein kleines css in das quick css zu setzen geht es wirklich nicht. oder?

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.