Archived topic
Sidebar Widgets Appearance
25 replies · Started by Janine on January 28, 2018
Hi, guys!
How can I place a horizontal rule between each widget that it the container width of the sidebar?
How can center the title of my sidebar widgets?
How can I then center the contents of the widget? For example, let's take the category width: I would like to center the word Categories and then also center the various categories listed below it.
Thank you!
Hi there,
Try this for bottom border:
.sidebar .widget {
border-bottom: 2px solid #000;
}This should centers everything in right sidebar:
.inside-right-sidebar {
text-align: center;
}If this doesn't work, can you please unlock your site?
Thanks!
Thank you, Leo. This worked for me.
Hi, guys!
Is there a way that I can make the borders of the Search widget rounded? Thank you!
Try this:
.widget-area input[type="search"] {
border-radius: 5px;
}Thank you, Leo. It worked and looks just lovely.
No problem.
Hi, Leo.
Back to my sidebar widget:
1. How can create more space between the image and the text in the About widget?
2. How can left justify the bio content, rather than have it centered?
Live link: 2a0cfab5.ngrok.io
Thank you!
1.
#text-23 img {
padding-bottom: 10px;
}2.
#text-23 .textwidget {
text-align: left;
}Leo, thanks!
No problem!
Hi, Leo.
I was attempting CSS on my own to add more padding below the bio text in the About widget and now the Search widget is too close to the bottom horizontal rule.
Please see here: 2a0cfab5.ngrok.io
How can I fix it? Thank you!
Same for the Follow Me and Categories widget too.
This should add some space after the search field:
form.search-form {
padding-bottom: 10px;
}What about the Follow me and Categories widget?
Hi, Leo.
How can I get a centered horizontal rule below the widget title in my right sidebar? In other words, the rule would not span the entire width of the sidebar container. It would a short rule that is centered.
And I would like to be able to control the color of it. Thank you!
