How do I make the social icons in the footer of bouncestapleton.com larger?

• 

  elainegulezian · Member · Oct 11, 2016 at 9:09 pm

  • Copy link
  • Add topic to favorites

  The icons for social (FB & insta) are very small. Looking to make them larger and possibly in color…

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

• 

  timethief · Member · Oct 11, 2016 at 9:10 pm

  • Copy link

  Hello there,
  We wordpress.com bloggers do not have access to the template files underlying our themes on wordpress.COM hosted blogs and cannot edit them. This is a multiuser blogging platform. All blogs wearing the same theme use the same underlying template found on the live demo site for each theme.

  Does Customize let me edit HTML?
  No. Customize allows you to edit fonts, colors, and CSS only. You can change the appearance of a theme, but not its HTML markup or PHP code. If you require this functionality, please consider moving your blog to a web host that supports theme code modifications. You can read more about why here http://support.wordpress.com/code/, and find a suitable host here http://get.wp.com/hosting/.
  Custom design – Frequently Asked Questions http://en.support.wordpress.com/custom-design/#frequently-asked-questions

  See here for details on purchasing an annually renewable upgrade https://wordpress.com/pricing/ that contains a custom design upgrade required for CSS editing:
  Custom design – Frequently Asked Questions such as: I’m not sure if Customize is right for me. Can I try before I buy?
  http://en.support.wordpress.com/custom-design/#frequently-asked-questions
  http://en.support.wordpress.com/custom-design/
  http://en.support.wordpress.com/custom-design/editing-css/
  http://en.support.wordpress.com/custom-design/custom-fonts/

  Note 1: Once you have the required upgrade you can use this link https://en.forums.wordpress.com/forum/css-customization#postform so you can create a thread that will appear in the CSS Forum where you will get the help you need with CSS editing.

  Note 2: You can also post there prior to purchasing an upgrade to get an answer to whether or not what you want to do can be accomplished via CSS editing.

• 

  innisfreehomestead · Member · Oct 11, 2016 at 9:53 pm

  • Copy link

  Hello there!

  Dropping this code in your custom CSS area should do the trick:

  .widget_wpcom_social_media_icons_widget .genericon {
  	font-size: 40px;
  }
  
  .widget_wpcom_social_media_icons_widget .genericon.genericon-facebook {
  	color: #3b5998;
  }
  
  .widget_wpcom_social_media_icons_widget .genericon.genericon-instagram {
  	color: #125688;
  }

  Let me know if that doesn’t work!
  Sage