Increase size of social icons?

  • Author
    Posts
  • #2717025

    Trying to increase the size of the social media icons for the Edin theme we’re using on bainbridgeprepares.org. I’ve added these two lines to the CSS but they only change the font size, not the icon size.

    .footer-navigation { font-size: 200%; }

    .primary-navigation .menu-primary { font-size: 100% }

    Any advice or pointers?

    The blog I need help with is bainbridgeprepares.org.

    #2717087

    hallluke
    Member

    Try swapping out what you have now and using this instead:

    #colophon .menu-social-container {
    	font-size: 3em;
    }
    #colophon .menu-social-container a {
    	visibility: hidden;
    }
    #colophon .menu-social-container a::before {
    	visibility: visible;
    }

    Let me know if you have an problems with it.

    #2717112

    Many thanks, Halluke!

    Works great for the footer but the icons within the top menu are still tiny. Any idea how to reference those?

    #2717114

    hallluke
    Member

    Oops, I missed that one as it was hidden behind the menu button.

    #menu-social a {
      font-size: 2.5em;
      visibility: hidden;
    }
    #menu-social a::before {
      visibility: visible;
    }
    #2717117

    Ah, you are so cool! Thank you for teaching me this!

The topic ‘Increase size of social icons?’ is closed to new replies.