social icons widget customization

• 

  oliviacorin26 · Member · Apr 19, 2017 at 2:54 am

  • Copy link
  • Add topic to favorites

  Hi again!
  I have a social icon widget on my sidebar and my footer and I want to customize it to make it bigger and more prominent. I am fine with it being the color it is, but would like it to be a bit bigger, especially on the sidebar. Is this possible?

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

• 

  garysixtyeight · Member · Apr 19, 2017 at 4:25 am

  • Copy link

  Hi there,

  If you have a premium or business plan, you can increase the site of the icons by adding the css below to your site in My Sites → Customize → CSS

  .widget_wpcom_social_media_icons_widget .genericon {
      font-size: 2em;
  }

  https://en.support.wordpress.com/custom-design/editing-css/

• 

  dcoleonline · Staff · Apr 19, 2017 at 6:26 pm

  • Copy link

  Hi oliviacorin26,

  It looks like you’ve added the following code to your site:

  .widget_wpcom_social_media_icons_widget .genericon {
  	font-size: 1.7em;
  }

  I’ll mark this as resolved, but if you have further questions about this topic, feel free to reply.

• 

  oliviacorin26 · Member · Apr 19, 2017 at 8:47 pm

  • Copy link

  Hi! that actually did work perfectly, but I was wondering if I could get a code for the “subscribe widget” to maybe change font color to black and font a bit bigger. Maybe for the podcast widget too? So sorry, I am SO new to all of this. I really appreciate everything!

• 

  dcoleonline · Staff · Apr 19, 2017 at 10:04 pm

  • Copy link

  Sure, give this a try and let us know if you’d like any changes:

  /*Subscribe Widget Font and Color*/
  
  .widget_blog_subscription p {
      color: #000;
      font-size: 0.95rem;
  }
  
  /*RSS Widget Text*/
  
  .widget_rss .rssSummary, .widget_rss li a {
      color: #000;
      font-size: 0.95rem;
  }

  Again, you can change the font sizes up/down to your liking.

• 

  oliviacorin26 · Member · Apr 21, 2017 at 4:28 am

  • Copy link

  That worked great as well, thank you! Last question, could I get the code for changing the social media widget color as well, thanks!!

• 

  oliviacorin26 · Member · Apr 21, 2017 at 5:15 am

  • Copy link

  I’m so so sorry, any code for the Text widget as well? Thank you so so much!

• 

  dcoleonline · Staff · Apr 21, 2017 at 3:37 pm

  • Copy link

  Here you go:

  /*Social Media Widget Icon Color*/
  .widget_wpcom_social_media_icons_widget a {
    color: #000;
  }
  
  /*Text Widget Color and Size*/
  .widget_text, .widget_text p {
    color: #000;
    font-size: 0.95em;
  }