I would like to make the search widget centered and padded, so that my site looks more orderly and clean.
You can see the current setup at: http://quotes.practicalmanliness.com/
The widget is displayed on the front page and on the sidebar.
Thank you!
You must be a logged-in exclusive member to view this reply.
It works nicely on the front page, but I am having some problems with the sidebar widget.
The widget right border is gone.
You can see it on this page: http://quotes.practicalmanliness.com/georgewashington/43/
I am using this code:
.content .widget-search {
width: 250px;
margin: 0 20px 20px auto;
padding: 1px 1px 1px 1px;
}
#primary .widget-search {
width: 320px;
margin: 0 10px 20px auto;
padding: 10px 10px 10px 10px;
}I have been trying to adjust the width, margin, and padding, but I cannot seem to fix it.
What am I doing wrong?
Thank you!
You must be a logged-in exclusive member to view this reply.
I have reverted back to your original code and only changed the width. Even with the width at 10 pixels, it still extends to long.
.content .widget-search {
width: 10px;
margin: 0 auto 20px auto;
padding: 1px 1px 1px 1px;
}
#primary .widget-search {
width: 10px;
margin: 0 auto 20px auto;
padding: 1px 1px 1px 1px;
}What am I doing wrong?
I figured out part of my mistake - I was editing front-page.css instead of the main style sheet.
Now, I am editing the style.css file, but I still am having trouble.
Here is my current code:
.content .widget-search {
width: 200px;
margin: 0 auto 20px auto;
padding: 1px 1px 1px 1px;
}
#primary .widget-search {
width: 320px;
margin: 0 auto 20px auto;
padding: 10px 20px 10px 10px;
}I want to make the title and border look like all the other widgets. How can I do that?
Thank you! I really appreciate your help.
You must be a logged-in exclusive member to view this reply.
If you look at my site: http://quotes.practicalmanliness.com/charles-carroll/189/
The title extends to the right edge of the search widget and the right border is missing.
I am sorry to not be clear.
You must be a logged-in exclusive member to view this reply.
Victory!
When I set the width to 298px, it worked perfectly.
Thank you for your help, I never would have succeeded without you!
You must log in to post.