It doesn't look like those two radio buttons will fit on the same line. Each button and its description may fit on a single line, for two lines under the search button.
The big problem is that your template's CSS includes this snippet:
Code: Select all
.serendipitySideBarContent input {
width: 150px;
}
Since a radio button is a kind of input, and it's in a .serendipitySideBarContent, it's getting set to 150px wide. Naturally there's no space left for the text.
Luckily, this is an HTML nugget, so you can do anything with it you want. I think the easiest thing is to assign the radio buttons an inline style.
Don't let Carl or Dave know I told you about this! :lol: Inline styles are frowned upon in the CSS community. I don't like them, either, but the alternative is to assign your form, input, or a wrapping div a class, and then editing your style.css file to style that particular bit. I don't know if you have these skills, so I'm going with something you can modify in the nugget itself.
To return the radio button to its natural width and placement, change the line in your nugget to:
Code: Select all
<input style="width:auto;" type="radio" name="sitesearch" value="www.quickheads.com">Quickheads.com</input>
And so on for any other inputs you want at their natural width. Alternatively, you could assign a particular width. (Google up CSS if you're not familiar with it.)
Good luck!
