Increase Size of social media icons

  • Resolved hilldw11

    (@hilldw11)


    10 years, 10 months ago

    I checked the https://quarktheme.com/faqs/ page and read the ‘How do I use icons?’ section but I still have a question.

    I would like to increase the size of the social media icons located on the top right of the page. How do I accomplish this?

    Thanks

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

  • The theme uses fonticons so simple css. If you don’t already have a custom.css you should install a plugin like custom CSS plugin then add the following to the custom css area.

    .social-media-icons li {
font-size: 1.2rem;
}

    The current font-size is 0.6em so just amend the 1.2em to size of your choice

    Thread Starter hilldw11

    (@hilldw11)

    Thanks, so much for your help. I was trying to edit the original stylesheet and wasn’t getting any results. I did the custom css through jetpack and copied the code you provided and that did it!

    I increased the font-size to 1em. Of course that increases the overall size of the header. To compensate for the enlarged icon and keep the header the original size I am guessing I need to reduce the icon’s margin, yes? Could you show me what that would look like?

    Thanks again for your help

    This should be pretty close

    .social-media-icons li {
font-size: 1.2rem;
}

.main-navigation {
margin: 1.5125rem 0 0 0;
}
    Thread Starter hilldw11

    (@hilldw11)

    Thanks so much for your help!

    you’re welcome

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Increase Size of social media icons’ is closed to new replies.