Search box widget submit button layout problem

[lkonti]

Hi,

I need help to fix this problem.

https://www.dropbox.com/s/h0st3ch12nbsbdi/search_box_widget.png?dl=0

I would like to put the button next to the text field, like on the BuddyBoss.com

Thanks

[Alyssa]

@lkonti you will need to adjust your padding or margin of the text field to 0 and you may need to use float:left to the sumbit button.

I’m not certain of this since I would need to see the actual code on page to be 100% sure.

[lkonti]

@tjchester i tried this code in custom.css Global Styles:

.widget-area .widget_search input[type=text] {
width: 60%;
height: 35px;
/* padding: 0 5%; */
margin-right: 4px;
float: left;
}

but nothing happend…

You can see my site here.

[Alyssa]

@lkonti can you send me a link to the page in question?

[lkonti]

http://www.svedorszagimagyarok.net/hirek/

[Alyssa]

@lkonti the text area is simply too large and there is padding in the widget itself, this fixes it:
.widget-area .widget_search input[type=text]{width:50%;}

[lkonti]

@tjchester thanks, it works!

[Alyssa]

You’re welcome 🙂