Change social icon size using shortcode?

Home › Forums › All Other Themes › Change social icon size using shortcode?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 23, 2020 at 11:55 am #150233
    Rachel KirkRachel Kirk
    Participant
    • Topics: 43
    • Replies: 108
    • Total: 151
    Member since: October 25, 2019

    hi, I’d like to increase the size of my social icons in the header.

    [social_area]
    [social icon=”facebook” link=”#”]
    [social icon=”twitter” link=”#”]
    [/social_area]

    how can I do this using the existing shortcode above?

    Thanks

    April 24, 2020 at 5:05 am #150267
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 31277
    • Total: 31277
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .head-info-area .social-icons a { font-size:20px !important; margin: 0 15px 0 0 !important;}

    Regards,
    Chris

    April 24, 2020 at 12:34 pm #150332
    Rachel KirkRachel Kirk
    Participant
    • Topics: 43
    • Replies: 108
    • Total: 151
    Member since: October 25, 2019

    Thanks

    April 24, 2020 at 1:52 pm #150337
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 31277
    • Total: 31277
    Member since: August 16, 2013

    🙂

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