Increase size of social icons?

• 

  scottonbainbridge · Member · Aug 17, 2016 at 6:23 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  hallluke · Member · Aug 17, 2016 at 9:56 pm

  • Copy link

  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.

• 

  scottonbainbridge · Member · Aug 18, 2016 at 4:23 pm

  • Copy link

  Many thanks, Halluke!

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

• 

  hallluke · Member · Aug 18, 2016 at 4:51 pm

  • Copy link

  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;
  }

• 

  scottonbainbridge · Member · Aug 18, 2016 at 5:02 pm

  • Copy link

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