Author |
Topic |
|
sakk
Starting Member
Canada
21 Posts |
Posted - September 24 2007 : 06:49:57
|
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-CART Expert
United Kingdom
948 Posts |
Posted - September 24 2007 : 08:43:09
|
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 |
|
|
sakk
Starting Member
Canada
21 Posts |
Posted - September 24 2007 : 09:31:56
|
Carrol,
Thanks for updating the status. Plz let me know the exact variables which i need to change. Waiting for your response.
Thanks Sakk |
|
|
carfin
VP-CART Expert
United Kingdom
948 Posts |
Posted - September 24 2007 : 09:45:47
|
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
|
|
|
sakk
Starting Member
Canada
21 Posts |
Posted - September 24 2007 : 12:47:07
|
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
|
|
|
carfin
VP-CART Expert
United Kingdom
948 Posts |
Posted - September 25 2007 : 02:54:55
|
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 |
|
|
|
Topic |
|