Reply To: demo search not working as imagined – need centering

Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › demo search not working as imagined – need centering › Reply To: demo search not working as imagined – need centering

December 14, 2015 at 2:27 pm #7036
Ernest Marcinko
Ernest Marcinko
Keymaster

Hi!

I suggest rather using the defautl shortcode not the two column one. The demo has been recently updated and it’s actually using the default shortcode. The two column shortcode is used to display the search on the left (or right) and the results on the other side. In your case it’s simply:

echo do_shortcode('[wpdreams_ajaxsearchpro id=1]');

Then on the Theme Options -> Overall box layout you can control the width: https://i.imgur.com/5TWRCUU.png

The position depends on the parent element, but if you want to force centering, then use this custom CSS, it will push the search box to the center relative to the parent element:


.asp_main_container,
p.asp-try {
    width: 300px !important;
    margin: 0 auto !important;
}

that should do the trick.

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