View Category color change

[Guest prashantgeorge]

How do you change the colors of the table showing a praticular category... http://prashantgeorge.com/donna/index.php?...viewCat&catId=1 here i want to change the color of the table especially the blue to some other color and even the header row color....

[Guest]

This is achieved by editing the style.css file in your template folder

[Guest prashantgeorge]

Thank You......... :wacko:

[Guest prashantgeorge]

.tdcartEven {

background-color: #F4EAEA;

i tird this but the color is still not changing http://prashantgeorge.com/donna/index.php?...viewCat&catId=1 is this because i already had the catgory images uploaded.... do ineed to delte all the images and add again to make it work......

also how do i add an image under the link buy/more in the view categories thanks....

[Guest prashantgeorge]

I think its some problem with the cache ..... its working now sheeeeeesh but it would be great if anyone can tell me how to put image under buy/more as say a bkg button.... i tried a way but its not working its coming unalligned.....

[markscarts]

You can do this a number of ways if you know how to code. If you're having trouble, here is the easiest way -

1. Make a buy button and more button with text already on it.

2. In viewCat.tpl, replace the language variables {...} that go between the anchor tags <a . . .>{...}</a> for the buy and more, with the images for buy and more.

3. Remove the class from the anchor tags <a ...>

[Guest prashantgeorge]

Thank you for the Tip.... If its not much of a bother could you tell me what to do if i need to keep the lang variable over the image... i want to change it also for the view cart(basket>>address>>payment) pages to modify update settings, continue etc....

i have tried a method here http://prashantgeorge.com/donna/index.php?...rod&productId=3 it works the thing is that the button now is forced to the next line.... heres what i did to achieve it

styles.css//

.but {

padding-top: 10px;

width: 150px;

height: 30px;

background-image: url(../styleImages/buttons/but.gif);

background-repeat: no-repeat;

text-align: center;

background-position:center;

}

viewProd.tpl// lines 62-68

<!-- BEGIN: buy_btn -->

<div style="position: relative; text-align: right;">{LANG_QUAN}

<input name="quan" type="text" value="1" size="2" class="textbox" style="text-align:center;" />

<div class="but"><a href="java script:submitDoc('addtobasket');" class="txtButton">{BTN_ADDBASKET}</a></div>

</div>

<!-- END: buy_btn -->

</div>

[markscarts]

The way you have the button on that page looks fine in IE6 and ns8, you just need to change the styling on the anchor class. Look for this in style.css:

a.txtButton {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #0E51A3;

	padding: 2px;

	line-height: 20px;

	text-align: center;

	text-decoration: none;

}

a.txtButton:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #FF3300;

	padding: 2px;

	line-height: 20px;

	text-align: center;

	text-decoration: none;

}

Change it to:

a.txtButton {

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

color: #000000;

padding: 2px;

line-height: 20px;

text-align: center;

text-decoration: none;

}

a.txtButton:hover {

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

color: put different color here to change color on rollover if desired;

padding: 2px;

line-height: 20px;

text-align: center;

text-decoration: none;

}

That removes the blue background block and changes text color to black

[Guest prashantgeorge]

i understood that thank you........ but why is the add tobasket button appearing beneath the quantity aligned to to the right in ie and in opera aligned to the the left of the main box........... is it because of the size of the button..........

[Guest]

This is prolly just ie being a pain in the wotsit :)