Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 13, 2015 at 5:40 pm #427640
    jameelkarim

    Hi, i’ve read some older post about this and the response has been to use custom code. Has there been an update to this to make it simpler? If not, would you be able to tell me what the custom code is and where to add it?

    Thank you!

    April 14, 2015 at 11:18 am #428130
    Ismael

    Hey Jameel!

    Thank you for using Enfold.

    This is not a default feature of the theme but there are a lot of ways to add an icon in list items. Can you please provide a screenshot of what you’re trying to do? You can try the iconlist element or use the icon shortcode.

    Cheers!
    Ismael

    April 14, 2015 at 2:49 pm #428246
    jameelkarim

    Hi, I guess the icon list can work but is there a way to make the icons smaller? Basically, I just wanted to replace the bullets with check marks as i’ve done here: http://www.statussolar.com/buyingsolar/ but have the indenting proper. I just did this with the shortcode.

    April 16, 2015 at 8:38 am #429401
    Ismael

    Hey!

    You can use something like this in a code or text block:

    <ul class="icon-bullets">
	<li>This is a sentence.</li>
	<li>This is a sentence.</li>
	<li>This is a sentence.</li>
</ul>

    Add this in the Quick CSS field to change the bullets:

    ul.icon-bullets li {
list-style: none;	
}

ul.icon-bullets li {
padding-left: 8px; 	
}

ul.icon-bullets li:before {
content: '\2713';
font-family: 'entypo-fontello';
font-size: 23px;
font-weight: normal;
position: absolute;
left: 6px;
}

    The content: ‘\2713’; is the character code for the check mark font icon. Refer to this link for more icons: http://web.archive.org/web/20140912210715/http://entypo.com/characters/

    Cheers!
    Ismael

    May 6, 2015 at 3:52 pm #440398
    mindator

    Hej,

    Whats wrong with the character code for the check mark font icon?
    I use exactly the code above but the icon looks totally different. It’ still a check mark but a different one…

    Cheers
    Bastian

    May 7, 2015 at 8:24 am #440803
    Rikard

    Hi!

    Maybe the font was updated? Could you provide us with a link to your site so that we can have a closer look please?

    Regards,
    Rikard

    September 16, 2016 at 1:13 am #687163
    dmenditc

    Hello,
    I am trying to do roughly the same thing as listed above (use a custom bullet list icon) using the same code suggested here. When I run the code, although the list-style is set to none it still displays the standard circle bullet instead of removing it. I can position my custom bullet so it is overprinting the standard circle, but if the browser font view is changed the background bullet is revealed. I think I’m not able to remove the bullet because the bullet list I’m trying to modify is inside an icon-list element, so my selector might need better specificity. Does anyone know how to remove the default bullet if it resides inside an icon-list text block?
    Thanks!

    • This reply was modified 8 years, 3 months ago by dmenditc. Reason: I solved part of the original problem
    September 17, 2016 at 12:16 pm #687914
    Rikard

    Hi,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    September 20, 2016 at 5:41 am #688922
    dmenditc

    Sure. Here is the page: http://innercompasscoach.com/my-approach. On the gold star bullets if you zoom the browser view in you’ll start to see the bullets are underneath the stars. Doe this give you enough to go on for a fix?
    Thanks!

    September 22, 2016 at 3:11 pm #690293
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .avia-icon-list .iconlist_content li {
    list-style: none;
}

    Best regards,
    Yigit

    September 23, 2016 at 3:52 pm #690855
    dmenditc

    Thanks Yigit, that took care of it! Much obliged.

    September 23, 2016 at 3:54 pm #690858
    Yigit

    Hi!

    You are welcome!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Enjoy your weekend!

    Cheers!
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Replace bullets with icon font’ is closed to new replies.