Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 12, 2018 at 2:42 pm #1008944
    tokenofhon

    Hi,

    I’ve tried adding the facebook and linkedin icon to a footer widget, ive got the facebook icon working but the linkedin icon isnt showing up.

    I’ve pasted the code i’ve put in the private section, if you could help me fix up the code that would be great

    September 12, 2018 at 2:57 pm #1008960
    Victoria

    Hey tokenofhon,

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

    Best regards,
    Victoria

    September 12, 2018 at 3:28 pm #1008978
    tokenofhon

    Sure, i’ve added it to private info

    September 13, 2018 at 12:16 pm #1009347
    Dude

    Hi,

    Please add this code to your child theme 

    

add_filter( 'widget_text', 'do_shortcode' );

    It’s required because the text widget does not support/execute shortcodes by default – see https://www.wpbeginner.com/wp-tutorials/how-to-use-shortcodes-in-your-wordpress-sidebar-widgets/

    Then add this code to the footer text widget

    
[av_font_icon icon='ue8f3' font='entypo-fontello' style='' caption='' link='manually,https://www.facebook.com/precisionenergyptyltd/' linktarget='_blank' size='40px' position='left' color='' custom_class='' admin_preview_bg=''][/av_font_icon]

[av_font_icon icon='ue8fc' font='entypo-fontello' style='' caption='' link='manually,https://www.linkedin.com/company/precision-energy-pty-ltd/' linktarget='_blank' size='40px' position='left' color='' custom_class='' admin_preview_bg=''][/av_font_icon]

    If you want to change the icon size replace 40px with another value.

    Best regards,
    Peter

    September 13, 2018 at 12:48 pm #1009365
    tokenofhon

    Hey mate, sorry i hadnt set up a child theme, which .php do i add the first bit of code to, functions.php?

    September 13, 2018 at 12:52 pm #1009367
    Dude

    Hi,
    Yes you can add it to the functions.php :)

    Best regards,
    Peter

    September 13, 2018 at 1:20 pm #1009379
    tokenofhon

    Sweet that works, am ia ble to make the style do the rollover effect that it had before? (blue box for facebook when hovering)

    September 13, 2018 at 1:47 pm #1009394
    Dude

    Hi!

    Yes sure – use this code in the text widget:

    
<ul class="noLightbox social_bookmarks">
<li class="social_bookmarks_facebook av-social-link-facebook"> [av_font_icon icon='ue8f3' font='entypo-fontello' style='' caption='' link='manually,https://www.facebook.com/precisionenergyptyltd/' linktarget='_blank' size='40px' position='left' color='' custom_class='' admin_preview_bg=''][/av_font_icon] </li>
<li class="social_bookmarks_linkedin av-social-link-linkedin"> [av_font_icon icon='ue8fc' font='entypo-fontello' style='' caption='' link='manually,https://www.linkedin.com/company/precision-energy-pty-ltd/' linktarget='_blank' size='40px' position='left' color='' custom_class='' admin_preview_bg=''][/av_font_icon] </li></ul>

    and add this code to your quick css field:

    
#top .widget .social_bookmarks li {
float: none;
border-right: none;
display: inline-block;
}

    Cheers!
    Peter

    September 13, 2018 at 4:17 pm #1009475
    tokenofhon

    Beautiful!

    September 13, 2018 at 6:00 pm #1009567
    Victoria

    Hi tokenofhon,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.