Styling the search form
-
Your plugin does exactly what I need, and I need it in three different places around the site I’m creating, but with different shortcode attributes and with different CSS classes in each place.
I have been reading some of the posts here about styling and can’t get to the solution for my problem.
When I apply a class in the shortcode using the ‘class=”search-form”‘ attribute, it applies it to the button only, turning it blue and reducing the font size, but it doesn’t apply it to the input form nor to the layout.
I especially need the layout to be horizontal, with the button inline with the form. No matter what I write in the class – i.e.
display:inline;
overflow:hidden;
width:100%;
font-size: 12px;
float: right;
... etc.
None of it affects the search form. The font remains large, the button is on the line beneath the form and nothing is aligned to the right.Is there somewhere else I need to be applying the CSS to achieve what I need? and if so, can you explain how I specify different styles for each of the three search forms on my site?
Many thanks
T
- The topic ‘Styling the search form’ is closed to new replies.