Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1357461

    Hi,

    I want to add Facebook and Social icons in my footer (Column4) under address.

    Can’t see any widgets for this.

    Is there an easy way to add and colour/style/
    Colour: #181F35 (Dark Blue)
    Colour on hover/rollover: #ffffff (White)

    Thanks
    Marcus

    #1357487

    Hi woogie07,

    Please add this code in the functions.php file of your child theme:

    add_shortcode( 'social_icons', 'custom_social_icons' );
    function custom_social_icons() {
        $args = array( 'outside'=>'ul', 'inside'=>'li', 'append' => '' );
    	$icons = new avia_social_media_icons( $args, false );
    	$html = $icons->html();
    	return $html;
    }

    If you don’t have a child theme yet, you can download and get further instructions on: https://kriesi.at/documentation/enfold/child-theme/

    Next go to Appearance > Widgets > Footer – Column 4, then add a Text widget and inside it add this:

    [social_icons]

    Then style the social icons, by going to Enfold > General Styling > Quick CSS and add this CSS code:

    #top #footer .social_bookmarks li {
        clear: none;
    }
    
    #top #footer .social_bookmarks li a {
        color: #181f35;
    }
    
    #top #footer .social_bookmarks li a:hover {
        color: white;
    }

    Hope it helps.

    Best regards,
    Nikko

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