Centering social widget

• 

  moshekahol · Member · Oct 2, 2016 at 1:37 pm

  • Copy link
  • Add topic to favorites

  Hi, how can I center the social network widget in the bottom of my site?

  Thanks :)

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

• 

  thesacredpath · Member · Oct 3, 2016 at 10:26 pm

  • Copy link

  To center the social network widget, add the following to the bottom of your custom CSS.

  .site #wpcom_social_media_icons_widget-8 {
      margin-left: auto;
      margin-right: auto;
      padding-left: 0;
      text-align: center;
      float: none;
  }
  .site #wpcom_social_media_icons_widget-8 ul li {
      display: inline-block;
      float: none;
  }

• 

  moshekahol · Member · Oct 4, 2016 at 5:32 pm

  • Copy link

  Hi the centering doesnt work for me…
  thanks for helping :)

• 

  moshekahol · Member · Oct 4, 2016 at 8:47 pm

  • Copy link

  also how can I make the logos bigger and remove the white circle around them?

• 

  thesacredpath · Member · Oct 5, 2016 at 9:53 pm

  • Copy link

  Oops, sorry, I seemed to have gotten the wrong widget id number in my code. Add the following.

  .site #wpcom_social_media_icons_widget-10 {
      margin-left: auto;
      margin-right: auto;
      padding-left: 0;
      text-align: center;
      float: none;
  }
  .site #wpcom_social_media_icons_widget-10 ul li {
      display: inline-block;
      float: none;
  }

• 

  moshekahol · Member · Oct 5, 2016 at 10:06 pm

  • Copy link

  about making the icons bigger and the circle black possible?

  thanks again thesacredpath!

• 

  moshekahol · Member · Oct 5, 2016 at 10:41 pm

  • Copy link

  by the way how you new the widget id number?

• 

  thesacredpath · Member · Oct 6, 2016 at 7:38 pm

  • Copy link

  I see you have gotten the icons enlarged and changed the color to black. Nice job.

  I use the web inspector built into my browser. Each widget, post and page will have a unique CSS class in the opening div in the HTML. Screenshot.

• 

  moshekahol · Member · Oct 6, 2016 at 7:42 pm

  • Copy link

  yes Im feeling my learning curve speeding up :)
  thanks alot thesacrepath you teach me alot when I read your answers to me and to others! keep up the awesome work!

• 

  thesacredpath · Member · Oct 6, 2016 at 8:50 pm

  • Copy link

  Thanks, and you are welcome.