search button color change

Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic

Hi all,
I'm trying to change the color of the small search button via CSS, but without affecting any other buttons..
I find in the pcStoreFront.css the imput tag.. I try not to mess with that one, as I want to leave others "as-is"..
Adding a different style (example .BSC) to the CSS and apply that to the search button, it simply does not work.. It's overwritten by the standard.. Is there a way around this?

P.s.: Search button in SmallSearchBox.asp  / placed this in the header.

Edited by worldofrugs - 02-May-2008 at 4:30pm

Author	Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic
worldofrugs Members Profile Send Private Message Find Members Posts Add to Buddy List Senior Member Joined: 24-April-2008 Location: United States Status: Offline Points: 0	Post Options Post Reply Quote worldofrugs Report Post Thanks(0) Quote Reply Topic: search button color change Posted: 02-May-2008 at 4:29pm
	Hi all, I'm trying to change the color of the small search button via CSS, but without affecting any other buttons.. I find in the pcStoreFront.css the imput tag.. I try not to mess with that one, as I want to leave others "as-is".. Adding a different style (example .BSC) to the CSS and apply that to the search button, it simply does not work.. It's overwritten by the standard.. Is there a way around this? P.s.: Search button in SmallSearchBox.asp / placed this in the header. Edited by worldofrugs - 02-May-2008 at 4:30pm

worldofrugs Members Profile Send Private Message Find Members Posts Add to Buddy List Senior Member Joined: 24-April-2008 Location: United States Status: Offline Points: 0	Post Options Post Reply Quote worldofrugs Report Post Thanks(0) Quote Reply Posted: 05-May-2008 at 4:54pm
	No one ever tried this?

Matt Members Profile Send Private Message Find Members Posts Add to Buddy List Moderator Group Joined: 20-July-2006 Location: United States Status: Offline Points: 73	Post Options Post Reply Quote Matt Report Post Thanks(0) Quote Reply Posted: 05-May-2008 at 10:58pm
	Change the id of the Button and add your own class e.g. <input type="submit" name="submit" value="Go >>" id="MyID" class="MyClass"> Then add your CSS Style below the standard. e.g. #MyID .MyClass { border: 2px solid #333333; }

worldofrugs Members Profile Send Private Message Find Members Posts Add to Buddy List Senior Member Joined: 24-April-2008 Location: United States Status: Offline Points: 0	Post Options Post Reply Quote worldofrugs Report Post Thanks(0) Quote Reply Posted: 06-May-2008 at 1:07pm
	Thanks Matt, but it didn't work... The button simply does not change at all.. I have added the CSS style in the pcHeaderFooter.css --> no result.. Tried it in the pcStoreFront.css --> no result... Is there something we're overlooking?

Matt Members Profile Send Private Message Find Members Posts Add to Buddy List Moderator Group Joined: 20-July-2006 Location: United States Status: Offline Points: 73	Post Options Post Reply Quote Matt Report Post Thanks(0) Quote Reply Posted: 06-May-2008 at 1:29pm
	Hi worldofrugs, The code I posted works on v3 of ProductCart (I tested it IE and Firefox before I posted). Make sure the button has one ID and one Class. Then make sure your CSS stylesheet defines the ID with "#" and then the class with a "." If you are still having problems then I would recommend going back to the default stylesheets and adding your CSS back in one by one.

Hamish Members Profile Send Private Message Find Members Posts Add to Buddy List Admin Group Joined: 12-October-2006 Location: United Kingdom Status: Offline Points: 56	Post Options Post Reply Quote Hamish Report Post Thanks(0) Quote Reply Posted: 06-May-2008 at 1:36pm
	If it still doesn't work post a link & then someone can take a look. Firefox with the web developer add-in allows you to edit (a copy of) the css dynamically, which I find very useful.

worldofrugs Members Profile Send Private Message Find Members Posts Add to Buddy List Senior Member Joined: 24-April-2008 Location: United States Status: Offline Points: 0	Post Options Post Reply Quote worldofrugs Report Post Thanks(0) Quote Reply Posted: 06-May-2008 at 1:59pm
	Matt, Sorry you were right.. I made a typo that caused it not to work... Working like a charm!! Thanks! Hamish, I indeed have the add-in also and I also find it super useful to change styles in PC...