Jetpack social icons too large

• 

  fhsheikh · Member · Oct 9, 2018 at 10:50 pm

  • Copy link
  • Add topic to favorites

  I recently updated Jetpack, and now my social icons are vertical instead of horizontal, and they are taking up my whole page. How do I fix? I tried deleting and then adding widget again, but same problem.

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

• 

  garysixtyeight · Member · Oct 9, 2018 at 10:54 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.

  If you need any further help with Jetpack on a self-hosted site, please post in the dedicated support forum for that plugin over at WordPress.org:

  https://wordpress.org/support/plugin/jetpack

  The forum you’ve posted this question in only provides support for sites hosted here at WordPress.com.

  If you’d like to learn more about the differences between WordPress.com (the hosted service) and WordPress.org (the software), please see this guide:

  WordPress.com vs. WordPress.org