Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 12, 2014 at 9:35 pm #303439
    Justin

    Hey guys.
    Couple small items that I am hoping you can help with.
    Is it possible to have our social media icons listed in the menu to the right a you’re seeing here without a ton of custom work?

    Also, if you look closely at the background image being used on the site..it’s off by a few pixeks in width and not aligning with the slider above it or footer below it. Is that just due to a padding in the main-content region?

    Thanks!

    August 13, 2014 at 4:05 am #303582
    Ismael

    Hey Justin!

    Thank you for using Enfold.

    Set the social icon position to Display in main header area on Enfold > Header Layout > Extra Elements > Header Social Icons option. You can adjust the top position of the social icons withi on Quick CSS or custom.css:

    #header_main .social_bookmarks {
top: 90px;
}

    The top position will depend on the height of the header. Regarding the background, please use this:

    .main_color {
background-size: 100% !important;
}

    Regards,
    Ismael

    August 13, 2014 at 4:23 am #303588
    Justin

    That seemed to work Ismael, thank you….
    now is there any chance I can get those same icons to display in my footer area in pace of what’s currently there?

    Thanks!

    August 13, 2014 at 4:53 am #303613
    Ismael

    Hey!

    Thank you for the update.

    Please install this plugin: https://wordpress.org/plugins/php-code-widget/

    Go to Appearance > Widgets then insert the PHP Code widget in place of the footer social icons. Add this code:

    <?php 

$social_args 	= array('outside'=>'ul', 'inside'=>'li', 'append' => '');
$icons = avia_social_media_icons($social_args, false); 

echo $icons;

?>

    Regards,
    Ismael

    August 13, 2014 at 5:41 am #303636
    Justin
    This reply has been marked as private.
    August 13, 2014 at 6:10 am #303657
    Ismael

    Hi!

    I tested this on my installation and it works well. I think you missed the something. Please copy the whole code above on the widget.

    Regards,
    Ismael

    August 13, 2014 at 6:16 am #303658
    Justin
    This reply has been marked as private.
    August 13, 2014 at 6:24 pm #303978
    Yigit

    Hi!

    Please copy&paste this into text widget in Appearance > Widgets – http://pastebin.com/HfcBXxDu
    and then add following code to Quick CSS 

    #footer ul.social_bookmarks li {
clear: none!important;
}

    Cheers!
    Yigit

    August 13, 2014 at 8:05 pm #304008
    Justin
    This reply has been marked as private.
    August 14, 2014 at 12:33 am #304083
    Yigit

    Hey!

    You are welcome Justin. Yes, you can use following code

    #footer ul.social_bookmarks li a {
font-size: 18px;
}

    Regards,
    Yigit

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