Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 17, 2015 at 1:44 pm #537268
    pedroantunes

    Hi,

    I am having a problem on showing the Font Awesome icons on a unordered list. The icon is appearing but with a bullet behind.

    a) The code that I am trying to show is:

    
<ul class="fa-ul">
  
  • <i class="fa-li fa fa-check-square"></i>text
    • 
  
  • <i class="fa-li fa fa-check-square"></i>text
    • 
  
  • <i class="fa-li fa fa-check-square"></i>text
    •

    b) I have inserted the following string on functions.php:

    
function fontawesome_css() {
	wp_enqueue_style( 'Font Awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'fontawesome_css' );

    What should I do to sort this out?

    Kind Regards,

    Pedro Antunes

    • This topic was modified 9 years, 8 months ago by Yigit. Reason: fixed HTML
    November 17, 2015 at 2:51 pm #537294
    Yigit

    Hey Pedro!

    Can you please post the link to your page so we can see the issue?

    Best regards,
    Yigit

    November 17, 2015 at 3:00 pm #537300
    pedroantunes

    Hi Yigit,

    Please find the link attached and also credential data.

    Kind Regards,
    Pedro

    November 17, 2015 at 3:13 pm #537309
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia_textblock .fa-ul li {
    list-style: none;
}

    Best regards,
    Yigit

    November 17, 2015 at 4:08 pm #537361
    pedroantunes

    Thanks Yigit…..it has worked.

    But the vertical alignment of the icon and the text is not ideal. The icon must go down a little.
    Can this be done?

    Kind Regards,
    Pedro

    November 17, 2015 at 4:10 pm #537364
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    i.fa-li {
    top: 6px;
}

    Cheers!
    Yigit

    November 17, 2015 at 4:32 pm #537384
    pedroantunes

    Solved Yigit!….now all appears fine.

    Thanks for your help.

    Kind Regards,

    Pedro

    November 17, 2015 at 4:36 pm #537392
    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 :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Font Awesome’ is closed to new replies.