Title: Search button Last modified: August 21, 2016 --- # Search button * [Great Ottawa](https://wordpress.org/support/users/great-ottawa/) * (@great-ottawa) * [12 years, 6 months ago](https://wordpress.org/support/topic/search-button-6/) * Hi, Is there any way to change the color (Hex code) of Search button of the widget? Thanks. Viewing 9 replies - 1 through 9 (of 9 total) * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [12 years, 6 months ago](https://wordpress.org/support/topic/search-button-6/#post-4302780) * Easier with link to site, and what color are you seeking? * [deinezauber](https://wordpress.org/support/users/deinezauber/) * (@deinezauber) * [12 years, 1 month ago](https://wordpress.org/support/topic/search-button-6/#post-4303012) * Hi all, I’m facing a similar problem because I need to align the search form button in the enter, instead of the current left position, without changing also the alignment of the input box; the difficulty here is that input box and button are inside the same DIV, so a trivial change in DIV content alignment will affect everything inside of it. Any suggestion? * My website link is [Il tuo giapponese](http://www.iltuogiapponese.net/corso-online-giapponese-gratuito/). * Thank you, Nicola * [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/) * (@d4z_c0nf) * [12 years, 1 month ago](https://wordpress.org/support/topic/search-button-6/#post-4303013) * mm The thing is that the two forms are different (newsletter and search). * Anywaya you can style that search button for example with this: * ``` #right #searchsubmit { margin-left: 97px; } ``` * Or using percentages, but still you have to tune it for different media widths( see [media queries](http://www.themesandco.com/snippet/media-queries-responsiveness/)) 7 * p.s. sorry, a question, why you have this in your custom css: * ``` .round-div { height: 160px; width: 160px; } ``` * ? That’s the reason you see that bottom left corner in your featured page three thumbnail. * [deinezauber](https://wordpress.org/support/users/deinezauber/) * (@deinezauber) * [12 years, 1 month ago](https://wordpress.org/support/topic/search-button-6/#post-4303014) * Hi d4z_c0nf, thank you for your answers! Yes, I’m aware about the deep difference between the two forms but I was unlucky with changing the style of the newsletter form (there’s something that about CSS loading order, so my rules are overridden by the plugin ones…) and I turned to modify the search form button. Ok, I’ll have a try then with your advice. * Oh, thank you so much for noticing that problem about the third thumbnail… well, I’ve done it for reducing the round shape in the archive pages but I stupidly didn’t prevent this rule to take over also on the home page… I’ll repair my fault! * Thank you again, Nicola * [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/) * (@d4z_c0nf) * [12 years, 1 month ago](https://wordpress.org/support/topic/search-button-6/#post-4303015) * You’re welcome. I’ve seen you fixed that round-div issue. About newsletter widget if you use something like: * ``` .widget .newsletter .newsletter-submit{margin-left:40px;} ``` * Doesn’t work? * [deinezauber](https://wordpress.org/support/users/deinezauber/) * (@deinezauber) * [12 years, 1 month ago](https://wordpress.org/support/topic/search-button-6/#post-4303016) * Well, I’ve tried several times to modify the newsletter form style and I can see them loaded… but Firebug clearly points out – with a strikethrough line – that they where somehow overridden. Anyway, I’m stubborn and I’ll keep going on with it until I’ll defeat CSS 😀 Thank you again for your support! Nicola * [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/) * (@d4z_c0nf) * [12 years, 1 month ago](https://wordpress.org/support/topic/search-button-6/#post-4303017) * You probably needed a rule with more weight. Try that one and let me know. You can also try appending “!important” to each property value you want to override. E.g. if you do this (stealing from your css :P): * ``` .newsletter-submit { font-size: 18px !important; background-color: #eee !important; padding: 10px !important; border: 1px solid #ddd !important; } ``` * what happens? * [deinezauber](https://wordpress.org/support/users/deinezauber/) * (@deinezauber) * [12 years, 1 month ago](https://wordpress.org/support/topic/search-button-6/#post-4303018) * Yes, you were right!!! To be more precise, I added this rule: * ``` .newsletter.newsletter-widget p { text-align: left; } ``` * and now both search button and newsletter button are aligned on the left. Ok, I suppose I should do better than this but this website is just an hobby and I can’t invest so much time on it… * Good, thank you again for your support, bye! Nicola * [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/) * (@d4z_c0nf) * [12 years, 1 month ago](https://wordpress.org/support/topic/search-button-6/#post-4303019) * Perfect! Don’t know if you should do better, it’s nice this way. * Glad you solved Viewing 9 replies - 1 through 9 (of 9 total) The topic ‘Search button’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png) * Customizr * [Support Threads](https://wordpress.org/support/theme/customizr/) * [Active Topics](https://wordpress.org/support/theme/customizr/active/) * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/) * [Reviews](https://wordpress.org/support/theme/customizr/reviews/) * 9 replies * 4 participants * Last reply from: [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/) * Last activity: [12 years, 1 month ago](https://wordpress.org/support/topic/search-button-6/#post-4303019) * Status: not resolved