Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 22, 2016 at 9:00 pm #570319
    bemvestir

    Hi,

    I recently purchased Enfold 3.4.7.
    I want social icons displayed vertically in footer socket, like etsy.com.
    I searched the forum and I found this topic – https://kriesi.at/support/topic/social-icons-in-footer-socket/, but the solution given refers to look for this code:
    <?php
    echo “<div class=’sub_menu_socket’>”;
    $args = array(‘theme_location’=>’avia3’, ‘fallback_cb’ => ”, ‘depth’=>1);
    wp_nav_menu($args);
    echo “</div>”;
    ?>

    …but I can not find it on footer.php.
    Instead I found this one:

    echo “<nav class=’sub_menu_socket’ “.avia_markup_helper(array(‘context’ => ‘nav’, ‘echo’ => false)).”>”;
    echo $menu;
    echo “</nav>”;

    I appreciate your help.

    Thanks

    • This topic was modified 8 years, 10 months ago by bemvestir.
    January 26, 2016 at 1:17 am #571739
    Yigit

    Hi Elsa!

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

    #socket .social_bookmarks li {
    float: none;
}
#socket .social_bookmarks {
    height: auto;
}

    Best regards,
    Yigit

    January 26, 2016 at 1:54 am #571767
    bemvestir

    Hi Yigit,

    Thanks for the reply.
    I placed the code given to Quick CSS but the result is not what I was expecting.
    Please verify – http://bemvestir.moda/

    Kind Regards

    January 26, 2016 at 2:05 am #571774
    bemvestir

    Sorry for my last answer,
    I made confusion.
    Meanwhile I and copy/paste this into Text widget in Appearance > Widgets – http://pastebin.com/75KkpMZ5, but only facebook icon is appearing.
    Regards

    January 26, 2016 at 2:05 am #571775
    Yigit

    Hi!

    Would you like to display your social icons vertically in footer widget area? If so, please replace the code i posted above with following one 

    #footer .social_bookmarks {
    height: auto;
}

    If that is not what you meant, please post a screenshot and show the changes you would like to make. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Cheers!
    Yigit

    January 26, 2016 at 2:20 am #571785
    bemvestir

    Hi Yigit,

    Now is almost there!
    How can I have the social names right displayed next to the icons (like etsy.com)?
    Can you give the code for instagram?

    Regards

    January 26, 2016 at 2:26 am #571789
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    #top #wrap_all .av-social-link-youtube a:after {
    content: 'YouTube';
    margin-left: 10px;
}
#top #wrap_all .av-social-link-gplus a:after {
    content: 'Google+';
    margin-left: 10px;
}
#top #wrap_all .av-social-link-pinterest a:after {
    content: 'Pinterest';
    margin-left: 10px;
}
#top #wrap_all .av-social-link-skype a:after {
    content: 'Skype';
    margin-left: 10px;
}
#top #wrap_all .av-social-link-twitter a:after {
    content: 'Twitter';
    margin-left: 10px;
}
#top #wrap_all .av-social-link-facebook a:after {
    content: 'Facebook';
    margin-left: 10px;
}
#top .social_bookmarks li:hover a {
    background: none!important;
}

    Regards,
    Yigit

    January 26, 2016 at 2:29 am #571791
    bemvestir

    Hi Yigit,

    Thanks for your fast support.
    Can you give me the widgt code for instagram, please?

    Regards

    January 26, 2016 at 12:41 pm #572049
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    #top #wrap_all .av-social-link-instagram a:after {
    content: 'Instagram';
    margin-left: 10px;
}

    Best regards,
    Yigit

    January 26, 2016 at 4:30 pm #572198
    bemvestir

    Hi Yigit,

    Now is looking cool!
    Thanks for your support.

    Have a great day.

    Kind regards

    January 26, 2016 at 4:46 pm #572206
    Andy

    Hey!

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Regards,
    Andy

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Social icons displayed vertically in footer socket’ is closed to new replies.