Increase size of social media icons at top and bottom of page

• 

  restobobo · Member · Oct 9, 2017 at 10:14 am

  • Copy link
  • Add topic to favorites

  Hello!

  Could you please provide ccs code or advice on how to increase the size of the social media icons.

  Also is it possible to change their colour to red (along with the tagline?)

  Website is restobobo.com.au

  Thank you

  The blog I need help with is: (visible only to logged in users)

• 

  garysixtyeight · Member · Oct 9, 2017 at 12:55 pm

  • Copy link

  Hi there,

  Please try adding the CSS below to the customizer in My Sites > Customize > CSS:

  .social-navigation {
      font-size: 4rem;
  }
  
  .social-navigation a {
      color: #e20d0d;
  }

  I hope this helps :)

• 

  restobobo · Member · Oct 11, 2017 at 10:45 am

  • Copy link

  Thank you – yes it did – but not the social icons at the top of the page, only the ones at the bottom. Can you help me with code for changing the colour of those at the top?

• 

  garysixtyeight · Member · Oct 11, 2017 at 11:34 am

  • Copy link

  Sure – please add:

  .has-header-media .site-header .social-navigation a {
      font-size: 4rem;
      color: #e20d0d !important; /* override inline style */
  }

• 

  restobobo · Member · Oct 12, 2017 at 1:15 pm

  • Copy link

  Thanks!! :)

• 

  garysixtyeight · Member · Oct 12, 2017 at 1:40 pm

  • Copy link

  You’re welcome :)