Wordpress Search Box Resize

Unite Theme
1

I need to resize the width of the wordpress widget sidebar search box as it is too wide. I would also like to change the text and border colors of the search box I’m using the Unite theme with Woocommerce.
Thanks for your help.
Wally

2

Hi Wally,

I hope you are well today and thank you for your question.


.widget_search span.input-group-btn {
    float: left;
}
.widget_search input.search-field.form-control {
    border-color: #54397E;
    color: #54397E;
    width: 250px;
}

Please change the width and color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

Best Regards,
Movin

3

Thanks Movin. colorlib is fantastic! That worked perfectly for me. I did add a couple more lines to make it work just right for me.

border-color: #54397E;
color: black;
width: 72%;
font-size: 12px;

4

You are most welcome here :slight_smile: