• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Increase Simpe Social Icon Size

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Increase Simpe Social Icon Size

This topic is: not resolved
  • This topic has 4 replies, 2 voices, and was last updated 4 years, 10 months ago by defree99.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 13, 2018 at 1:37 pm #217853
    defree99
    Participant

    I'm using the Kreative Pro theme here:

    http://bit.ly/2HylHBh

    Everything is working fine, except I can't seem to increase the icon size of the Simple Social Icons in the TopBar Widget.

    I've increased it to 42 px in the widget but there is no change.

    How can I correct this?

    March 13, 2018 at 2:01 pm #217854
    emasai
    Participant

    Increase the font size and rem which is set to 14px. If you increase too big you will have to modify the height of .top-bar


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    March 14, 2018 at 7:11 am #217873
    defree99
    Participant

    I've made these changes but it doesn't seem to make a difference.

    Even when I play with really large sizes in the inspector the icon/font/rem sizes don't change.

    What Am I doing wrong?

    March 14, 2018 at 7:59 am #217874
    emasai
    Participant

    I looked at your site with web inspector and the font size has not been changed, this is what I saw:
    .site-topbar .simple-social-icons li a, .site-topbar .simple-social-icons li a:hover, .site-topbar .simple-social-icons li a:focus {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;

    padding: 11px 10px;
    text-align: center;
    }


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    March 14, 2018 at 10:47 am #217885
    defree99
    Participant

    That did it.

    I guess I was changing it in the wrong place.

    Thank you!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble