Changing the size of SEARCH button

Activello
1

Hi,

Is there a way to make the Search button the same size as GO button (picture attached) when the screen is smaller? It’s not a huge deal I’m just a perfectionist :slight_smile:

www.biggerthanlimits.com

Anna

2

Hi Anna,

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

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

#footer-sidebar .widget_search .input-group {
    width: 100%;
}

#footer-sidebar .widget_search .input-group-btn{
    width: 27%;
}
#footer-sidebar .widget_search #searchsubmit {
    width: 100%;
    padding: 8px 6px;
}

#footer-sidebar .widget_search input.form-control.search-query {
    width: 73%;
}

#footer-sidebar  .widget_search .input-group .form-control,
#footer-sidebar  .widget_search .input-group-addon, 
#footer-sidebar  .widget_search .input-group-btn{
        display: inline-block;
}

Best Regards,
Movin

3

Perfect!

Thank you :slight_smile:

4

You are most welcome here :slight_smile: