Decrease width of search bar

Site URL: https://www.texashistorytrust.org/texas-history-news-and-opinion

Hi all - 

I have a search bar on our blog page that currently spans the width of the page. I'd like it to be about half as wide and centered, if possible. For all my messing around with code injection suggestions found for this problem in other posts, I haven't been able to fix it. 

Many thanks in advance for your knowledge and assistance!

Add to Design > Custom CSS

/* Search width */
@media screen and (min-width:768px) {
div#block-yui_3_17_2_1_1655610750184_7474 input {
    max-width: 50%;
    margin: 0 auto;
}
}

On 7/6/2022 at 10:03 PM, tuanphan said:

Add to Design > Custom CSS

/* Search width */
@media screen and (min-width:768px) {
div#block-yui_3_17_2_1_1655610750184_7474 input {
    max-width: 50%;
    margin: 0 auto;
}
}

 

Thank you for saving the day for me, Tuan! The search bar now looks as it should. You are spectacular.