WordPress.org

Ready to get started?Download WordPress

Forums

Quark
[resolved] Increase Size of social media icons (6 posts)

  1. hilldw11
    Member
    Posted 7 months ago #

    I checked the http://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

  2. salsaturation
    Member
    Posted 7 months ago #

    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

  3. hilldw11
    Member
    Posted 7 months ago #

    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

  4. salsaturation
    Member
    Posted 7 months ago #

    This should be pretty close

    .social-media-icons li {
    font-size: 1.2rem;
    }
    
    .main-navigation {
    margin: 1.5125rem 0 0 0;
    }
  5. hilldw11
    Member
    Posted 7 months ago #

    Thanks so much for your help!

  6. salsaturation
    Member
    Posted 7 months ago #

    you're welcome

Reply

You must log in to post.

About this Theme

About this Topic