Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 30, 2016 at 2:13 am #604876
    kazeko

    Hi,

    I add my social icon on my fotter socket. But the size is too large to show full icon.
    I add following quick css code to enlarge icons in my site. I’m not sure but I guess the code works for the social icon too.

    How do I need to fix the problem?
    Thanks in advance.

    March 30, 2016 at 7:09 am #604990
    Jordan

    Hi Ayumi!

    Thanks for getting in touch with us!

    Try adding the following CSS code in the Quick CSS field under the General Styling tab in the theme options:

    [data-av_icon]:before {
    font-size: 25px!important;
}

    Feel free to adjust the value as you wish.

    Cheers!
    Jordan

    March 30, 2016 at 7:10 am #604991
    Basilis

    Hey Ayumi!

    I loaded your web site and I can not see any social media icons to the footer, can u please help us see them with a sceenshot?

    Best regards,
    Basilis

    March 30, 2016 at 8:42 am #605028
    kazeko

    Hi,

    Jordan, the code you add doesn’t work well.

    Basilis,
    The social icon is in the footer socket area.
    I send you the link of the screen shot, it is mouseover time.

    March 30, 2016 at 2:33 pm #605186
    Josue

    Hey!

    Add this too:

    #socket .social_bookmarks{
    height: 60px;
}
#socket .social_bookmarks li a {
     width: 60px;
    line-height: 60px;
    min-height: 60px;
}

    Best regards,
    Josue

    March 31, 2016 at 6:44 am #605648
    kazeko

    Thank you. The code works. But the shape of the icon is oval. Can I make it the perfect circle?
    Also, can I change the size of social icon?
    I’ve changed height and width in your code, but the size of “F” was same size.
    Best,

    • This reply was modified 8 years, 8 months ago by kazeko.
    March 31, 2016 at 6:53 am #605651
    Vinay

    Hey!

    Please add the below css code

    #top #wrap_all .av-social-link-facebook:hover a {
    min-width: 60px;
    width: 60px;
    min-height: 60px;
    height: 60px;
    border-radius: 60px;
}

#top .social_bookmarks li {
    width: 60px!important;
}

    Regards,
    Vinay

    March 31, 2016 at 7:12 am #605668
    kazeko

    Thank you! The code works well.
    Can I change the size of social icon?
    I’ve changed height and width in your code, but the size of “F” was same size.
    Best,

    March 31, 2016 at 10:24 am #605754
    Josue

    Hey!

    Remove this one:

    [data-av_icon]:before {
    font-size: 25px!important;
}

    And use the following

    #socket [data-av_icon]:before {
    font-size: 60px !important;
}

    Modify as needed.

    Regards,
    Josue

    April 1, 2016 at 3:28 am #606450
    kazeko

    Hi Josue,
    Thank you for your help. That works well!
    I got it!

    April 1, 2016 at 4:17 am #606456
    Vinay

    Hi!

    Glad we could help :) We have put together some info about enfold theme please feel free to check it out here – http://kriesi.at/documentation/enfold/

    Regards,
    Vinay

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