Need help centering my search bar in the footer widget

  • Author
    Posts
  • #875738

    mylesformby
    Member

    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 pavementportraits.com.

    #875868

    I checked http://pavementportraits.com/ and I don’t see a search box there. Did you remove it?

    #876041

    mylesformby
    Member

    I’ve replaced it…

    #876042

    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.

    #876044

    mylesformby
    Member

    Yes! You’re amazing thank you. I got the feeling text-align was the wrong command.

    #876045

    I bet text-align would work in some similar cases.

    Centering the footer widgets in Blaskan was a pretty tricky case actually!

    #876065

    justpi
    Member

    @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?

    #876088

    It’s repetitive, not relevant, and not helpful. I would like to keep the CSS forums on topic please.

The topic ‘Need help centering my search bar in the footer widget’ is closed to new replies.