Style Search Module Submit Button

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
depiction
New Member
New Member
Posts: 4
Joined: Mon Jan 01, 2007 6:48 pm

Style Search Module Submit Button

Post by depiction »

I'm trying to style the search module's submit button, but am having problems. I can't assign the style to it in the search template page under the search module in the admin panel. When I go to view the source, I notice it doesn't have a style associated with it like the text box does.

Code: Select all

<label for="cntnt01searchinput">Search</label>: <input type="text" name="cntnt01searchinput" id="cntnt01searchinput" value="Enter Search..." size="20" maxlength="50" />
<input name="cntnt01submit" value="Submit" type="submit" />
Where do I assign a id/class (style) to the button so that I can create a style for it in my template's stylesheet?
Dee
Power Poster
Power Poster
Posts: 1197
Joined: Sun Mar 19, 2006 8:46 pm
Location: the Netherlands

Re: Style Search Module Submit Button

Post by Dee »

Hi,

How about using

Code: Select all

div#search form input {
  background: #acf;
}
and then change the search input seperately using it's id?

Code: Select all

div#search form input#cntnt01searchinput {
  background: white;
}
Regards,
D
Dee
Power Poster
Power Poster
Posts: 1197
Joined: Sun Mar 19, 2006 8:46 pm
Location: the Netherlands

Re: Style Search Module Submit Button

Post by Dee »

But, to answer your question ;D :
in the Admin Extensions menu choose Search and access the "Search Template" tab.

Regards,
D
depiction
New Member
New Member
Posts: 4
Joined: Mon Jan 01, 2007 6:48 pm

Re: Style Search Module Submit Button

Post by depiction »

Thanks.
Post Reply

Return to “Layout and Design (CSS & HTML)”