Adding Custom icons To Custom Fields On Course Page

[fuadmurad]

Hi, so I know that in the below resource you add custom fields on the course page https://wplms.io/support/knowledge-base/adding-a-custom-field-to-add-custom-information-in-course-details/ But is it possible to add custom icons to each new line that i add?  So that they don't all just show a plus sign? Also where can i find these icons? Thank you

[sandy]

Yes it can be changed. Please refer this screenshot : http://prntscr.com/c6gf4m Instead of icon-plus-1, you can place any fontawesome icon from here. Refer screenshot : http://prntscr.com/c6ggi9 Let us know if this helps.

[fuadmurad]

Ok great but my question is let's say I want to add 3 new lines there.  And I want each line to have a different icon.  How can I set this up in the code? Would I copy the "i class" line more than once or is this not possible? P.S:  when i changed the icon name in the code to the one I want nothing shows up now.I cleared the cache and still nothing shows up, very strange. Thanks

[H.K. Latiyan]

Ok. I have a question first, do you have fixed 3 lines that you want to show in the course details section for every course or it is variable for different course. If you just have 3 new lines for every course then I'll provide you the code for this.

[fuadmurad]

It will be 3 fixed lines for all the courses basically as in the screenshot.  But like I said for some reason when I changed the icon name  o icon shows up at all. If you could provide me with the code anyway that would be great since I might add unique lines to different courses in the future. Thanks  

[Anshuman Sahu]

Please refer the tip again .Updated the code a bit : https://wplms.io/support/knowledge-base/adding-a-custom-field-to-add-custom-information-in-course-details/ For that you can simply add the icons html with the description in that settings like this  : http://prntscr.com/c7oz54 <i class="fa fa-creative-commons"></i> Custom info 1 <i class="fa fa-phone-square"></i> Custom info 2

[Author]

Posts