Centering Widget in Dara Theme

• 

  generationxishere · Member · Mar 2, 2018 at 6:20 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I can’t seem to center the ‘follow me’ button in my sidebar widget (Dara theme). Can anyone please help me figure out where I’m going wrong?

  I’ve tried the following:

  .widget_follow_button_widget iframe {
  margin-left: 60px;
  }

  -and-

  .well, #secondary .widget .social-icons {
  text-align: center;
  }

  -and-

  Text

  I know diddly about CSS and barely more about HTML, so feel free to respond like it’s my first day of Kindergarten.

  Thank you!

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

• 

  mommyhive · Member · Mar 2, 2018 at 6:36 pm

  • Copy link

  Hi there,

  Go to My Sites → Customize → CSS and paste the below code to accomplish the same.

  .widget-area p {
  text-align: center;
  }

  Hope that helps.

  Thank you.

• 

  generationxishere · Member · Mar 2, 2018 at 7:19 pm

  • Copy link

  Hi mommyhive,

  Thank you! It’s probably user error on my part, but unfortunately, that code didn’t work either. :(

  I pasted it on line 7, below the existing placeholder text. Should I have deleted the placeholder? Also, the word ‘center’ turned red when I pasted it. Is that normal?

  Thanks again for your help!

• 

  mommyhive · Member · Mar 2, 2018 at 7:34 pm

  • Copy link

  Hi there,

  Try the below code and let me know if it resolved your issue.

  p {
  text-align: center;
  }

  Should I have deleted the placeholder?

  Not Required. You are doing it rightly.

  Also, the word ‘center’ turned red when I pasted it. Is that normal?

  Yes.

  For more info. regarding adding Custom CSS, refer the below support document.
  https://en.support.wordpress.com/custom-design/editing-css/

  Thank you.

• 

  generationxishere · Member · Mar 2, 2018 at 7:45 pm

  • Copy link

  Nope, it’s still left-justified. Thank you for the support link, I’ll check that out, too. :)

• 

  generationxishere · Member · Mar 2, 2018 at 8:08 pm

  • Copy link

  Here’s the code the WP support team gave me:

  #blog_subscription-3 {
  margin-left: 10%;
  }

  It’s now centered perfectly. Thanks for linking to them and thanks for all your help!

• 

  mommyhive · Member · Mar 2, 2018 at 11:44 pm

  • Copy link

  Thank you for letting me know the right code! Have a great rest of the day:)