VP-ASP :: Shopping Cart Software

Shopping Cart Software Solutions for anywhere in the World

US/Canada(Toll Free): +1 888 587 2278
Europe/UK: +44 (020) 7193 9408
Australia/New Zealand: +61 3 9016 4497

VP-ASP Shopping Cart Customer Forum

Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

 All Forums
 VPCart Forum
 Customization
 How to Change VPASP Background Color
 New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

sakk
Starting Member

Canada
21 Posts

Posted - September 24 2007 :  06:49:57  Show Profile  Reply with Quote
Hi Guys,

I am new to VASP and trying to skin it to my needs, please help.

I want to change the white background of VPASP to an image of mine. Please let me know how can i change the background to the background image which i have ready.

Waiting for your humble comments from experts.

Thanks in advance.
Sakk

carfin
VP-ASP Expert

United Kingdom
948 Posts

Posted - September 24 2007 :  08:43:09  Show Profile  Reply with Quote
Hi Sakk,

you would need to add background colours/images to the main site container, header & navigation tables in the file stylesheets/shop.css.
There isn't a way of changing the whole site background in one code change. If you need help in locating any of the tables in shop.css just post back in here.

Regards,

Carrol
www.deanston-electrical.co.uk
Go to Top of Page

sakk
Starting Member

Canada
21 Posts

Posted - September 24 2007 :  09:31:56  Show Profile  Reply with Quote
Carrol,

Thanks for updating the status. Plz let me know the exact variables which i need to change. Waiting for your response.

Thanks
Sakk
Go to Top of Page

carfin
VP-ASP Expert

United Kingdom
948 Posts

Posted - September 24 2007 :  09:45:47  Show Profile  Reply with Quote
Open the folder stylesheets and find shop.css
If you are using VP-ASP v6.50, near the top you will see

body{
font-size:12px;
text-align:center;
margin:0px;
}


You can add:-

background-image: url(../images/whatever.jpg);
background-repeat : repeat-x;
background-position : top;

after the { bracket

If you just want to add an image to the navigation bar, find the start of the navigation styles:

/* Horizontal navigation */ and add the background code to the table.
Same for any other tables in the stylesheets
Hope this helps,

Carrol
www.deanston-electrical.co.uk


Go to Top of Page

sakk
Starting Member

Canada
21 Posts

Posted - September 24 2007 :  12:47:07  Show Profile  Reply with Quote
Carol,

Thanks alot, its really helping for a new comer.

Although i have two more questions, which i would like you to help me with please. Please open my store link http://www.skystonetrading.com/vpasp/default.asp and tell me how i will accomplish the followings.

1. I want to change the color of *Welcome to My Store* which i cant?
2. I want to increase the overall font of whole site a unit up, how can i do that?

I will wait passionately for your reply.

Thanks
Sakk

Go to Top of Page

carfin
VP-ASP Expert

United Kingdom
948 Posts

Posted - September 25 2007 :  02:54:55  Show Profile  Reply with Quote
Hi Sakk,

1. To change the colour of the Welcome header open stylesheets/shop.css and find line 291 (approx.)

#homecontent h1 { color:#000099; }

Change the colour to your requirements.

2. To change the overall type size go to the top of shop.css and find

body{
font-size:12px;
text-align:center;
margin:0px;
}

Change the font size to 14px. I'm not 100% sure if this will change the whole site's type size, maybe someone else can help out here.

Hope this helps,

Carrol
www.deanston-electrical.co.uk
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000