Jetpack social share buttons (end of article) => adjust to center?

• 

  pascal29992 · Member · Sep 13, 2017 at 1:14 pm

  • Copy link
  • Add topic to favorites

  So I want to adjust to the center of the pages those buttons

  Doing “inspect element”, I have found the name of this element and insert this code on my CSS customization:

  .cnt article ul, .cnt article ol {
  text-align: center;
  }

  Yet, I have noticed something weird.
  Not only does it center this social buttons bar, but it also centers all the bullet lists inside my articles and pages!

  How could I put this command, so that it applies only to this social buttons bar?
  Maybe the cnt article ul, .cnt article ol is not well chosen?

  Also, I would like to increase the size of this social buttons bar, but I had not find the command for that

  Any ideas?
  Let me know, thanks

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

• 

  shubhamgmath · Member · Sep 13, 2017 at 1:30 pm

  • Copy link

  Hi @pascal29992

  Can you try the below given code for making the jetpack social share buttons in center

  .sd-content {
      text-align: center;
  }

  hope this will help you.

• 

  shubhamgmath · Member · Sep 13, 2017 at 1:53 pm

  • Copy link

  Hi @pascal29992

  what do you mean by size of this social buttons bar , do you mean the thickness of this bar(making bar broad) ??
  if its related to thickness than this code will help you out

  .sd-content {
  font-size: 50px;
  }

  you can adjust the value of font size accordingly.
  If you want anything else please let me know.

• 

  thesacredpath · Member · Sep 13, 2017 at 7:07 pm

  • Copy link

  Hi @pascal29992, it looks like you are using WordPress but you are not hosted here at WordPress.com. For self-hosted WordPress sites such as yours, I would suggest asking for help from the theme author directly or ask in the volunteer-based WordPress.org forums.

  The differences between WordPress.com and WordPress.org.

  I did take a quick look at your site, and this code from @shubhamgmath will take care of the issue for you.

  .sd-content {
      text-align: center;
  }

• 

  thesacredpath · Member · Sep 13, 2017 at 7:10 pm

  • Copy link

  @shubhamgmath, howdy and thanks a bunch for your help in the forums. When posting code, use the code button above the response text area to wrap the code in the code tags so that it can easily be copied by the user and not cause any issues. Also, I would suggest not including the
  //code
  because if the copy that into their CSS it will cause a syntax error and any CSS below that would not be loaded or applied.