Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #604876

    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.

    #604990

    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

    #604991

    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

    #605028

    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.

    #605186

    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

    #605648

    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, 7 months ago by kazeko.
    #605651

    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

    #605668

    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,

    #605754

    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

    #606450

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

    #606456

    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

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