Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • January 24, 2019 at 12:06 pm #1058112
    nadjak77

    Hi,
    I want to change the list-style-typ to an arrow.
    So I removed the list-style-type und added the arrow in the css with fontello:

    main .entry-content-wrapper .av_textblock_section  ul{
	list-style-type:none;
}
main .entry-content-wrapper .av_textblock_section  ul li:before{
	font-family: 'entypo-fontello';
	content: "\f341";
}

    But I cannot the the arrow. I only see the ‘rectangle’ if the font could not be loaded.
    Have someone an idea what the fault?
    Thank you.
    Nadja

    January 25, 2019 at 9:29 am #1058571
    nadjak77

    Can nobody help me?
    Nadja

    January 25, 2019 at 12:19 pm #1058638
    Victoria

    Hi Nadja,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    January 28, 2019 at 8:59 am #1059550
    nadjak77

    That is strange.
    I sent you yesterday the login credentials…
    But I cannot see them.

    So here they are again.

    January 31, 2019 at 8:46 am #1060827
    nadjak77

    Please, can you check our problem
    Thank you.
    NAdja

    January 31, 2019 at 12:20 pm #1060921
    Ismael

    Hi,

    It doesn’t seem to be a valid font icon. This one works.

    main .entry-content-wrapper .av_textblock_section ul li:before {
    font-family: 'entypo-fontello';
    content: "\27a6";
}

    // http://fontello.github.io/entypo/demo.html

    Best regards,
    Ismael

    January 31, 2019 at 5:05 pm #1061057
    nadjak77

    Thank you. That was the problem.
    I used the icon code from the template.
    NAdja

    January 31, 2019 at 5:29 pm #1061068
    nadjak77

    I have still a problem:
    The site with mobile menu has under the header a phone-icon and a phone-number.
    The icon is red, but I set it to white.

    February 3, 2019 at 7:25 am #1062122
    Vinay

    Hi,

    Thank you for sharing the details.

    I have performed the below steps to add custom icon to the list.

    1. Disable CSS and JS merging from Enfold > Performance.
    2. Enable custom class name option from Enfold > Layout Builder > Show developer element options.
    3. Add a custom class name “list-icon” to the text box element.
    4. Add the below CSS to Enfold > General Styling > Quick CSS

    .responsive #top .list-icon ul li:before {
	font-family: 'entypo-fontello';
	content: "\E875 " !important;
	margin-left:-25px;
	padding-right: 15px;
}

    Please check the documentation to find out the correct unicode for icons.
    Result:

    How did you add the phone icon? It looks white on my end with opacity applied to it.

    Best regards,
    Vinay

    February 5, 2019 at 1:15 pm #1063156
    nadjak77

    This is strange.
    On my screen the phone icon is red (see img)
    The code is like this:

    #adressbar .tel:before{
	font-family: 'entypo-fontello';
	content: "\1f4de ";
	color:#fff !important;
}
    February 6, 2019 at 10:56 am #1063547
    Ismael

    Hi,

    Thanks for the update.

    It doesn’t look like that on my end either. The icon is a bit transparent just like on @vinay‘s screenshot. What is the actual model of your phone? Which browser are you using?

    Please try this css code:

    #top #adressbar .tel {
   color:#fff !important;
}

    Best regards,
    Ismael

    February 8, 2019 at 11:39 am #1064540
    nadjak77

    I tried your code, but I still have the problem.
    On desctop (with mobile option) the icon is red, on mobile phone it is grey. And it has a 3d-look. I want it to have like the other.
    Nadja

    February 12, 2019 at 11:21 am #1065898
    Ismael

    Hi,

    Did you purge the browser cache after adding the code? I don’t think we can help you with this because we can’t reproduce the issue on our end.

    Best regards,
    Ismael

    February 12, 2019 at 12:01 pm #1065911
    nadjak77

    Sur, we emptied the cache. Several times.
    The problem is only with the phone-icon. And you can see, the phone has another direction.
    We solved it our way:we removed the icon.

    Nadja

    February 13, 2019 at 4:34 am #1066217
    Ismael

    Hi,

    Alright. I’m sorry if we can’t be of much help this time. Please don’t hesitate to open a new thread if you need anything else. We’ll close this one for now.

    Have a nice day. And thank you for using Enfold.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘fontello in css do not work’ is closed to new replies.