How to make Social Link symbols bigger in Footer

  • Resolved saksaksak

    (@saksaksak)


    9 years, 8 months ago

    How can I make the size of the social link symbols bigger?

    Also, currently they are left aligned and next to each other. Is there a way to align them with equal distance between them in the column? Say if I have two social link, then to divide the column into imaginary 4 sub-columns and place the first symbol in col 2 and the second symbol in col 3? (I am sure there is a simpler way of explaining this but…).

    Thank in advance…

Viewing 4 replies - 1 through 4 (of 4 total)

  • Can you post a link? Are you wanting theme centered in the footer column they are in then?

    Kadence Themes

    Thread Starter saksaksak

    (@saksaksak)

    Thank you for your kind reply. my site is uni versi tian.com
    What I am trying to do is,
    firstly to make the symbols bigger and
    secondly to aline them evenly in the column they are in.
    That is (I is column border. s is spave. F and T are share symbols):
    Currently it is:
    IFTsssssssssssssssI
    IsssssssssssssssssI

    trying to get:
    IsssssFsssssTsssssI
    IsssssssssssssssssI

    Thanks in advance.

    Try this and tell me if it’s what you are thinking:

    #containerfooter .virtue_social_widget a {
    display: inline-block;
    float: none;
    padding: 20px 0;
    width: 33.33%;
    line-height: 30px;
    font-size: 30px;
}

#containerfooter .virtue_social_widget a i {
    font-size: 30px;
}

    Kadence Themes

    Thread Starter saksaksak

    (@saksaksak)

    First of all, my apologies for coming back late.
    The above code does not align the buttons in the was I originally wanted. But I think when the buttons are big, it also looks fine when they are leaning each other.
    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to make Social Link symbols bigger in Footer’ is closed to new replies.