This topic has 17 replies, 4 voices, and was last updated 8 years, 8 months ago ago by Eva Kemp
Hi Guys,
I am wondering if it’s possible to utilize font-awesome (or any other iconic font) classes to create a custom list-style-type?
<i class="fa fa-chevron-right"></i>
Thanks
Z
Hello,
Could you please clarify what exactly you want to achieve?
Thank you.
Regards,
Eva Kemp.
Hi Eva,
Please see attached screenshot. http://prntscr.com/6r2iaa
Currently I am adding the Bullets/List in manually using:
<i class=”fa fa-chevron-right”></i> C++ and C# programming experience.
<i class=”fa fa-chevron-right”></i> A penchant for involvement in leading-edge software development in a high-tech environment.
etc etc..
I also use
.fa-chevron-right {
color: #00457c;
}
to get the appropriate colour for the “Bullets”
I just want to make it easier for the person who will be adding in the data as they don’t have much experience doing the above.
Thanks
Z
Please provide us with the link where customization is in progress.
With best regards
Brian Johnson
Hi, please check Private details.
Hello
I see that you have managed to find how to use Font-awesome features to create list. Is your issue solved?
With best regards
Brian Johnson
Hi Brian,
I can do this manually, which the person who will be adding in the data cannot. I would like to if possible create a css as part of the theme where they can select list and this will work by default.
Thanks.
Z
You may change <i>
tag to <li>
. And create<ul style="fa fa-chevron-right">
. Therefore elements which will be one level deeper will inherit styles and only text for links may be added.
With best regards
Brian Johnson
Ah i see, will give it a try and test.
Thanks Brian!
Hello,
You’re welcome.
Regards,
Eva Kemp.
Hi Guys, how would I go about making the default bullets white i colour. Anything I could use in the custom css.
Thanks
Hello,
Could you please show a screenshot what “bullets” you want to edit and provide us with a page link?
Thank you.
Regards,
Eva Kemp.
Hi Eva, please check private content.
Thank You
Hello,
Please add this code in custom.css file:
.content li {
color: white;
}
Best regards,
Jack Richardson.
Hi There, please could you assist me with the ffg:
Im not sure what has happened but the bullets on the site are no longer working with the default indent.
Url is in the private section
Thanks
Hi There, no worries all fixed.
Thanks
Hello,
Glad to hear it.
Have a nice day.
Regards,
Eva Kemp.
You must be logged in to reply to this topic.Log in/Sign up