Aligning search box to center

Hi

I have added a search box to the bottom of my homepage https://www.commissionit.co.uk

How do i center it and add a Go button net to it like the one at the top of the page?

& How do i change the search results page https://www.commissionit.co.uk/?s=painting to show smaller images and 3 items in rows like the shop search results https://www.commissionit.co.uk/bespoke-shop/?swoof=1&product_cat=aprons

Thanks

Hi Amin,

Thank you for writing in, please set your column’s text-align option to center, and this will center the elements inside it.



The search box you have on the bottom of the page is the Search Inline element, please inspect that element and style it, the magnifying glass that its there is actually the submit button, you can style it.



However, the search box you have above on that page seems to be a 3rd party widgets. You can duplicate that Classic RAW element instead and drag it on the bottom replacing your current search box in there.

Regarding the search result page, the only way to edit the search result page is through template customization. You can’t edit it through the builder since it’s Wordpress generated page. It’s true in every theme, you may find more information here https://codex.wordpress.org/Creating_a_Search_Page. But that’s just a general knowledge to create search templates.

And redirection may not work since it’s static, and search URL could vary. You may consult it with a developer to have a fully functioning custom search result.

Thanks for understanding.

Thanks, followed your exact instructions to centre it however it does not do anything so i have left it larger. Please re confirm how to do it.

Could not find the submit area your example is not the inline search? so how do i move the search icon to the right?

Will get a developer to do the rest.

thanks

Hello Amin,

Thanks for updating the thread. :slight_smile:

Have you removed the search bar in footer section as I don’t see the same? Please try clearing the browser cache and then see how it goes.

Here’s a screencast that you can take a look to access Submit link.

Let us know how it goes.

Thanks.

This does not reflect how the latest version works?

Nor does it explain hot to centre the box?

Thanks

Hi Amin,

Yes, it does. Your X theme is not on the latest version, please update your X to the current latest version (6.3.8)

Updating Your Themes and Plugins

Duplicate the search bar (the Raw Content element) you have on the top and drag it on the bottom. You can enable the Skeleton View to easily move elements around.





Hope that helps,
Cheers!

Think i have updated but it looks the same?

Your link to Skeleton View does not work?

Thanks

Hi,

The skeleton mode can be found here.

Thanks

sorry but i already deleted the other old search.

I just need to know how to make the wide search car smaller and have the search icon on the right?

Thanks

Hello @CommissionWorks,

To modify the search icons, please check out the image below:

Hope this helps.

thanks but cant see how to get the section under Paceholder to come up. your inspector says Search my one says search inline?

Thanks

Hi Amin,

It’s the same element, you can change the text to just Search too :slight_smile:. But what do you mean the section under placeholder? Or you referring to spaces around the search element? You can change that by inspecting your search inline element and change its top and bottom margin, it’s currently set to 1.6em

Thanks!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.