Joomla Templates Club 406,261 posts

[psasweb Friend psaswebJoin date: April 2011Posts: 3Downloads:0Uploads:0 Thanks: 3]

#164559

I feel a little dumb for asking these questions, but I’m still a bit of a newbie to a lot of this.

I have several questions:

First of all, how can I change the background color on the template? The user wants to change it from white to black. I know I need to edit a css file, but I don’t seem to know which one or what to change. Every time I’ve made a change thus far, I click Apply, refresh the page, and nothing happens, so I assume I’m just in the wrong place.

Second question: Which css file do I need to edit in order to change the main font face and color for everything site-wide. The user does not like the current font. This includes all of Virtuemart’s postings and standard Joomla articles.

Third question: Is there a way to change the product postings in Virtuemart so that the image thumbnails are on the left instead of the right when browsing through a category?

Fourth question: Is it possible to change the color of the Price text for the posted items in Virtuemart?

Last question: I noticed that it’s possible to change the default display order in Virtuemart (i.e. sorting by price instead of latest items). Is it possible to change whether it sorts ascending or descending by default? So we can by default display highest priced items first instead of lowest priced items?

Thanks for any help!

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#393613

Hi,

can you please provide your site url and preferably joomla admin access, so that i can give you accurate solution?

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#393757

Hi,

1. To change the white background of header, go to template.css line no 670 to find <blockquote>#ja-header .main {
background: url(“../images/main-tl.gif”) no-repeat scroll left top #FFFFFF;
height: 100px;
} </blockquote>
You need to change #FFFFFF to #000000 and modify main-tl.gif to have black top left rounded corner. similarly you need to change main-tr.gif to have blck top right rounded corner.

You need to change vmcart-ng.gif image to change cart background to black. Then go to ja.vm.css line no 133 in your template , to find
<blockquote>#ja-vmcart div.moduletable {
background: url(“../images/vmcart-bg.gif”) no-repeat scroll right 15px #FFFFFF;
border: medium none;
height: 100px;
overflow: hidden;
padding: 0 15px;
}</blockquote>
Change #FFFFFF to #000000

To change white background of container area (everything between the top menu and footer), open template.css line no 563 to find <blockquote>#ja-container .main {
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
}</blockquote>
change #FFFFFF to #000000

Then if you want to change background color of Login title, What’s New Here title etc, go to template.css line no 1040 to find <blockquote>#ja-main div.moduletable h3 {
background: none repeat scroll 0 0 #F7F7F7;
color: #666666;
}</blockquote> Here you need to change #F7F7F7 to whatever color you want.

2. To change the font family sitewide, go to template.css line no 23 to find
<blockquote>body {
background: none repeat scroll 0 0 #FFFFFF;
color: #000000;
font-family: “Segoe UI”,”Lucida Grande”,Tahoma,Arial,sans-serif;
line-height: 1.6;
}</blockquote>
Change “Segoe UI”,”Lucida Grande”,Tahoma,Arial,sans-serif to have whatever font you want. Even though you change family here, you may need to check all css files in template to find any font family specified for any particular elements and change that styling..

3. I think you can change the layout of VM category page, by editing the layout file being used.. You can find the layout you are using in VM configuration.. You will just need to move around the elements in the file to have the image on left and so on..

4. To change color of the price text, you can go to ja.vm.css line no 21 to find <blockquote>.productPrice {
font-weight: bold;
}</blockquote> Add color: #your_colorcode;

5. I am not sure if virtuemart can sort by price but you can find posts asking the same question at http://forum.virtuemart.net/

1 user says Thank You to himangi for this useful post

1. psasweb

[psasweb Friend psaswebJoin date: April 2011Posts: 3Downloads:0Uploads:0 Thanks: 3]

#394933

Thank you for your help. I was able to change most everything according to what the user wanted, but I’m having trouble with one last piece.

I’m trying to change the text color for titles to the “What’s New Here” and “Featured Products” modules, but I haven’t been able to find them in the CSS files. Would you be able to point me in the right direction for those as well?

Thanks a million; you’re a lifesaver.

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#394938

Hi

In your template.css on line 1040 find

#ja-main div.moduletable h3 {
background: black;
color: #666;
}

Change #666 with the colorcode you want.

1 user says Thank You to himangi for this useful post

1. psasweb

[psasweb Friend psaswebJoin date: April 2011Posts: 3Downloads:0Uploads:0 Thanks: 3]

#394940

Perfect! Thank you for everything!

[Author]

Posts