Change color for cart module

buddy · #1 01-23-2008, 07:05 AM

Hi,
i have moved cart module on the top of the page and now i would want to change the color of the table but i don't know what i have to do.

If i change css class i change all modules and i don't want that.

Anyone can help me?

Thank you

SpinyMan · #2 01-25-2008, 03:43 AM

Quote:

Originally Posted by buddy

i have moved cart module on the top of the page and now i would want to change the color of the table but i don't know what i have to do.

If i change css class i change all modules and i don't want that.

Hi,
open tpl file of your cart and rename its classnames to yous (ex., <table class="my_class">...</table>). Open css file and dublicate the classnames you changed in template. Do not forget to rename them to the same name ("my_class"). Change "dublicated" styles color and etc.

buddy · #3 01-25-2008, 07:55 AM

Hi,
i have to opern cart.tpl?

Thank you for your help.

balinor · #4 01-25-2008, 09:46 AM

No, cart.tpl is the shopping cart. You are talking about the mini-cart. Use webmaster mode to determine which template is which, and edit the styles accordingly.

buddy · #5 01-28-2008, 03:12 AM

I have checked minicart.tpl but i couldn't find

VertMenuBox class.

Anyone can help me?

Thank you

SpinyMan · #6 01-28-2008, 03:31 AM

VertMenuBox class is located in main css file (skin1.css) and have next format:

Code:

.VertMenuBox {
BACKGROUND-COLOR: #FFD44C;
PADDING: 1px;
}

If u can't find it in that file just put the code above in the skin1.css file and change BACKGROUND-COLOR to yours.

buddy · #7 01-28-2008, 03:41 AM

I would change the backgroung color just for the mini cart module but i don't know what i have to do.

Can you help me?

Thank you again

SpinyMan · #8 01-28-2008, 03:58 AM

open "customer/main/minicart.tpl" and edit next line

Code:

<table cellpadding="1" cellspacing="0">

to

Code:

<table cellpadding="1" cellspacing="0" bgcolor="#abcdef">

in place of #abcdef u can insert the color u want

buddy · #9 01-28-2008, 05:47 AM

Unfortunately the background color doesn't change for all the modules but just for the first line where the cart image is.

I would want to change all the module.

Thank you

SpinyMan · #10 01-28-2008, 07:12 AM

open "customer/menu_cart.tpl" file, find a string

Code:

{ include file="menu.tpl" ... menu_content=$smarty.capture.menu }

put into this line the next param

Code:

my_bg="#abcdef"

open "menu.tpl" file, find a string

Code:

<table cellspacing="1" width="100%" class="VertMenuBorder">
...
</table>

and append

Code:

<table cellspacing="1" width="100%" class="VertMenuBorder" {if $my_bg}{$my_bg}{/if}>