How to set left and right aligned search box

Hi there,

It looks like you’ve managed to resolve the width and alignment issue since it’s already centered in your layout. As for the search field sizing, try adjusting the Typography size in the Search block settings, as the field height corresponds to the text size.

@alvindcaesar

Hi,

I didn’t discuss the middle part, the left and right sides are not the same as the website theme. Is there no CSS code to set the search box to align left and right just like the side of the web theme?

Hi there,

try this CSS:

.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
    width: 100% !important;
    max-width: 1200px;
}

Adjust the max-width to suit your need.

Hi, @diggeddy

it works, then set the height and shortness with what css code? so that the search box is not too big (small).

• This reply was modified 1 week, 3 days ago by r3ndy.

Try adding this CSS:

input[type="search"] {
   padding: 0 15px;
}

Yes it works, thanks @alvindcaesar

You’re welcome!