Centering Widget in Dara Theme
-
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-
TextI 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)
-
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.
-
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!
-
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.
-
Nope, it’s still left-justified. Thank you for the support link, I’ll check that out, too. :)
-
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!
-
- The topic ‘Centering Widget in Dara Theme’ is closed to new replies.