Ajust UL and LI Margins Sidebar Widgets

Oops! Had to re-open this one.

One last thing in my sidebar that I can figure out. The search box isn’t 100% the width of the sidebar and I’m not able to adjust it. Not sure if it’s a CSS or a configurator thing. But it’s just the theme’s default search widget.

Just need the box including the submit button to be 100% the width of the sidebar (and scale with the sidebar as the page is resized).

Thanks!

Karl

Thanks Alvind,

That stretches the width of the submit button to match the width of the sidebar. But I need the button to stay its same size and have the search text box grow instead.

So the button stays square and the text box grows / shrinks proportionally to fit the size of the sidebar as the overall browser window size changes.

Thanks!!
Karl

OMG I would have never figured that out on my own.. Thanks so much!!

At the risk of asking never ending questions… Is there a way to add radius corners to just the outside of the search widget itself. So the top left and bottom left of the search text input and the top right and bottom right of the submit button?

Thanks again!

Karl

EDIT – I FIGURED IT OUT!

.widget .search-form {
justify-content: space-between;
}

.widget .search-form label {
flex-grow: 1;
}

.widget button.search-submit {
border-radius: 0px 6px 6px 0px;
}

.widget .search-form input {
border-radius: 6px 0px 0px 6px;
}

It works – but is there a more efficient way to write that CSS?

Much appreciated, sir!!