Need help centering my search bar in the footer widget

mylesformby · Member · Apr 24, 2012 at 3:19 pm
Copy link

Add topic to favorites
Hi, I’m desperately trying to work out how to center my search bar in the footer widget. I’ve tried to isolate the element with firebug and have tried everything but nothing seems to be working. I’ve been using the text-align:centre command but nothing works.
Anyone please please please help me fix this!
Thanks
http://pavementportraits.com

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Apr 24, 2012 at 6:01 pm
Copy link
I checked http://pavementportraits.com/ and I don’t see a search box there. Did you remove it?
mylesformby · Member · Apr 25, 2012 at 2:01 am
Copy link
I’ve replaced it…
designsimply · Member · Apr 25, 2012 at 2:25 am
Copy link
Thanks. Try this:
```
#footer .widget {
	float: none;
	display: inline-block;
	margin: 0 auto;
}
```
Note that this will affect all widgets added to the footer widget area, not just the search widget.
mylesformby · Member · Apr 25, 2012 at 2:30 am
Copy link
Yes! You’re amazing thank you. I got the feeling text-align was the wrong command.
designsimply · Member · Apr 25, 2012 at 2:31 am
Copy link
I bet text-align would work in some similar cases.

Centering the footer widgets in Blaskan was a pretty tricky case actually!
justpi · Member · Apr 25, 2012 at 4:36 am
Copy link
@designsimply: Much obliged for the censorship on this thread:
https://en.forums.wordpress.com/topic/centre-search-widget-in-footer-widget-area?replies=16
I had posted this reply to mylesformby:
“Unfortunately some of the experienced volunteers who could help with CSS are no longer willing to, so you’ll probably have to wait for a staff reply.”
Why did you think it should vanish?
designsimply · Member · Apr 25, 2012 at 1:28 pm
Copy link
It’s repetitive, not relevant, and not helpful. I would like to keep the CSS forums on topic please.

No items found.