Joomla Templates Club 406,261 posts

[jordank87 Friend jordank87Join date: September 2008Posts: 49Downloads:0Uploads:12 Thanks: 5 Thanked: 1 times in 1 posts]

#133628

Thank you,

I am looking to change the background for my vm_cart is white and i would like to change this to red, how do i go about doing this? i would also like to change the text to white?

I have attachted a screen shot.

Thanks

---

Attachments:

1. 

[shertmann Friend shertmannJoin date: September 2008Posts: 339Downloads:0Uploads:1 Thanks: 22 Thanked: 42 times in 26 posts]

#272393

first of all you must edit the bg image(vmcart-bg.gif) that is located inside of templates folder of mesolite in the following folder templates/jamesolite/images/vmcart-bg.gif to adjust his bg color to red then in the ja.vm.css stylesheet must change the color of background from #ffffff to the apropiate hex color that styel is inside of the following css class

#ja-vmcart div.moduletable {
border: none;
background: url(../images/vmcart-bg.gif) no-repeat right 15px #FFFFFF;
overflow: hidden;
height: 100px;
padding: 0 15px;

this must make your site looks totally fitted to your needs

[jordank87 Friend jordank87Join date: September 2008Posts: 49Downloads:0Uploads:12 Thanks: 5 Thanked: 1 times in 1 posts]

#272451

Hi thanks i got this to work only problem is i cant seem to get the colour of the text to change around it i have included an example.

Thanks

Jordan

---

Attachments:

1. 

[shertmann Friend shertmannJoin date: September 2008Posts: 339Downloads:0Uploads:1 Thanks: 22 Thanked: 42 times in 26 posts]

#272516

jordan after an in deepth review a found the following the class that defines the color text for the ‘Your Cart is currently empty’ label is the following vm-total-pro clearfix in fact if you use the ff extension firebug you will see it. but inside of that tag there is no any font color atribute so it must come from other class maybe and upper class so if you take the ja.vm.css code line as follows

.vm-total-pro {
padding: 10px 0 0;
clear: left;
text-align: center;
}

and you add a css tag as follows

.vm-total-pro {
padding: 10px 0 0;
clear: left;
text-align: center;
color: #ffffff;
}

that must fixed your color requirements

[shertmann Friend shertmannJoin date: September 2008Posts: 339Downloads:0Uploads:1 Thanks: 22 Thanked: 42 times in 26 posts]

#272573

jordan let me know if this helps you

[jordank87 Friend jordank87Join date: September 2008Posts: 49Downloads:0Uploads:12 Thanks: 5 Thanked: 1 times in 1 posts]

#272681

Hi shertmann,

Yes this has fixed 99% of the problem thank you, only the word basket is now still grey any ideas?

Thanks

Jordan

[shertmann Friend shertmannJoin date: September 2008Posts: 339Downloads:0Uploads:1 Thanks: 22 Thanked: 42 times in 26 posts]

#272759

jordan you refer to show basket or only basket are in grey?

[jordank87 Friend jordank87Join date: September 2008Posts: 49Downloads:0Uploads:12 Thanks: 5 Thanked: 1 times in 1 posts]

#272764

Hi only the word basket… the rest of the text is all white

[shertmann Friend shertmannJoin date: September 2008Posts: 339Downloads:0Uploads:1 Thanks: 22 Thanked: 42 times in 26 posts]

#272766

jordan please post here your template.css and your ja.vm.css ir order to check it and see where the problem is

[jordank87 Friend jordank87Join date: September 2008Posts: 49Downloads:0Uploads:12 Thanks: 5 Thanked: 1 times in 1 posts]

#272769

Hi i have included the files thanks for taking the time to look

---

Attachments:

1. CSS-files.zip

[shertmann Friend shertmannJoin date: September 2008Posts: 339Downloads:0Uploads:1 Thanks: 22 Thanked: 42 times in 26 posts]

#272770

well i have see a detail in the body#bd css tag
body#bd {
color: #666666;
background: #E6E6E6;
margin: 30px 0;
}
the font color is set to grey so is probably that this font color atribute are giving the color to that label basket so let me check and look a solution for you

[shertmann Friend shertmannJoin date: September 2008Posts: 339Downloads:0Uploads:1 Thanks: 22 Thanked: 42 times in 26 posts]

#272773

you make any other modification in any other file ? if so send it to me for i have the same look of you

[jordank87 Friend jordank87Join date: September 2008Posts: 49Downloads:0Uploads:12 Thanks: 5 Thanked: 1 times in 1 posts]

#272776

The only other file i have changed is the language file but that wouldnt be anything to do with it… is it maybe in red.css?

[shertmann Friend shertmannJoin date: September 2008Posts: 339Downloads:0Uploads:1 Thanks: 22 Thanked: 42 times in 26 posts]

#272778

if you have the color variation red selected there is no one css atribute for that label for font color so it came from the body#bd atribute. so we must to assign some font atribute in the red.css

[shertmann Friend shertmannJoin date: September 2008Posts: 339Downloads:0Uploads:1 Thanks: 22 Thanked: 42 times in 26 posts]

#272779

ready i found the solution in red.css look for the line 32

it looks like this

div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3,
div.moduletable_hilite h3,
div.moduletable_menuhilite h3 {
background: url(../../images/red/dot-hilite.gif) repeat-y left #F7F7F7;
}

and set like this

div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3,
div.moduletable_hilite h3,
div.moduletable_menuhilite h3 {
background: url(../../images/red/dot-hilite.gif) repeat-y left #F7F7F7;
color: #FFFFFF;
}

with that the basket must look in white

[Author]

Posts