Social icon size is huge with JetPack 6.6 release and will follow size setting.

• 

  judithstarkston · Member · Oct 9, 2018 at 7:51 pm

  • Copy link
  • Add topic to favorites

  I think you have a bug – as of today when my site installed JetPack 6.6 , the social icon size is huge. I tried your custom CSS to reset it and that doesn’t work either.

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

• 

  judithstarkston · Member · Oct 9, 2018 at 7:52 pm

  • Copy link

  Will NOT follow size setting…

• 

  garysixtyeight · Member · Oct 9, 2018 at 10:39 pm

  • Copy link

  Hi there,

  This is a bug that should be fixed in the next release.

  If you need a temporary workaround, please add the CSS below to the bottom of the customizer in Appearance > Customize > Additional CSS:

  .jetpack_widget_social_icons ul,
  .jetpack_widget_social_icons li {
  	list-style: none;
  }
  
  .jetpack_widget_social_icons ul {
  	display: block;
  	margin: 0 0 1.5em;
  	padding: 0;
  }
  
  .jetpack_widget_social_icons ul li {
  	border: 0;
  	display: inline-block;
  	line-height: 1;
  	margin: 0;
  	padding: 0;
  }
  
  .jetpack_widget_social_icons ul li:before,
  .jetpack_widget_social_icons ul li:after {
  	display: none;
  }
  
  .jetpack_widget_social_icons a {
  	border: 0;
  	box-shadow: none;
  	display: block;
  	height: 24px;
  	text-decoration: none;
  	width: 24px;
  }
  
  .jetpack_widget_social_icons svg {
  	color: inherit;
  	fill: currentColor;
  	height: inherit;
  	vertical-align: middle;
  	width: inherit;
  }
  
  /* Sizes */
  
  .jetpack_widget_social_icons ul.size-small a {
  	height: 24px;
  	width: 24px;
  }
  
  .jetpack_widget_social_icons ul.size-medium a {
  	height: 32px;
  	width: 32px;
  }
  
  .jetpack_widget_social_icons ul.size-large a {
  	height: 48px;
  	width: 48px;
  }
  

  The CSS can be deleted when the next version of Jetpack is released.

• 

  judithstarkston · Member · Oct 10, 2018 at 5:56 pm

  • Copy link

  Definitely need the code or I need to use another widget – without it, the bug shows the icons as a bulleted list with 150x300px icons.

  Thank you!

• 

  garysixtyeight · Member · Oct 10, 2018 at 5:57 pm

  • Copy link

  You’re welcome, glad I could help :)