search button color change
Printed From: ProductCart E-Commerce Solutions
Category: ProductCart
Forum Name: Customizing ProductCart
Forum Description: Exchange messages with other users that are customizing ProductCart.
URL: https://forum.productcart.com/forum_posts.asp?TID=1583
Printed Date: 22-April-2025 at 2:28pm
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com
Topic: search button color change
Posted By: worldofrugs
Subject: search button color change
Date 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. |
Replies:
Posted By: worldofrugs
Date Posted: 05-May-2008 at 4:54pm
No one ever tried this? 
|
Posted By: Matt
Date 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; } |
Posted By: worldofrugs
Date 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? |
Posted By: Matt
Date 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.
|
Posted By: Hamish
Date 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. |
Posted By: worldofrugs
Date 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...  |