Centering or Center Aligning the Search Bar

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Centering or Center Aligning the Search Bar

This topic contains 4 replies, has 2 voices, and was last updated by  retreatdiscounter 2 years, 10 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #6052

    retreatdiscounter
    Participant

    Hello,

    I have been trying to set up the bar and looked on your knowledge base before writing, but haven't been able to center the bar.

    Is there a way of centering (align center) de search bar? Either through any of the options or with custom css?

    Thanks so much for your help,
    Daniel

    #6057

    Ernest Marcinko
    Keymaster

    Hi!

    Unfortunately there is no option for that, because it depends on the container element alignment as well.

    I suggest trying the following custom CSS code, it works most of the time:

    .asp_main_container {
        margin: 0 auto !important;
    }
    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #6060

    retreatdiscounter
    Participant

    Awesome, that worked perfectly!

    Is there a way to add a margin below the search bar?

    http://www.retreatdiscounter.com/home-test/ The content is right below the search bar, without no space.

    Thanks so much in advance!
    Daniel

    #6063

    Ernest Marcinko
    Keymaster

    Sure 🙂

    Try modifying the code above to something like:

    .asp_main_container {
        margin: 0 auto 26px auto !important
    }

    ..where the 26px is the bottom margin, you can change that to anything you want.

    Also, if I may suggest another thing. I noticed that the theme is adding a bit of a box shadow inside the input field when focusing it. If you want to get rid of that light grey shadow, you can use this code:

    .probox .proinput input:focus {
        box-shadow: none !important;
    }
    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #6083

    retreatdiscounter
    Participant

    That worked perfectly, thanks so much!
    Daniel

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.