Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 11, 2019 at 6:25 pm #1137164
    jp

    Hi,

    for some pages I want to replace the standard bullet point for unnumbered lists with a font icon.

    I already put the code from the support thread “https://kriesi.at/support/topic/replace-bullets-with-icon-font/” in my custom css, But this has no effect.

    1.) How can I get this working for dedicated pages?
    2) How can I change the bullet color to green?

    Kind Regards
    Kürgen

    September 13, 2019 at 4:23 am #1137757
    Rikard

    Hey jp,

    Could you link to where we can see where you want this implemented please? Also, which icon are you looking to use?

    Best regards,
    Rikard

    September 13, 2019 at 5:37 pm #1138099
    jp
    This reply has been marked as private.
    September 14, 2019 at 4:29 am #1138258
    Mike

    Hi,
    Thanks for the link to your site and the link to the css you wanted to use. I took a look at your page and it didn’t contain the same classes as the css needed, so I have adjusted it for you so that it will only work in the one section on the one page that you linked to.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.page-id-962 .post-entry-962 ul li {
list-style: none;	
}

#top.page-id-962 .post-entry-962 ul li {
padding-left: 8px; 	
}

#top.page-id-962 .post-entry-962 ul li:before {
content: '\2713';
color: green;
font-family: 'entypo-fontello';
font-size: 23px;
font-weight: normal;
position: absolute;
left: 6px;
}

    Please see the screenshot in Private Content area.

    Best regards,
    Mike

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