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
 General help me questions
 Change Font on Categories
 New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

Sew-N-2-U
Starting Member

47 Posts

Posted - March 17 2009 :  21:48:25  Show Profile  Reply with Quote
Hello,
I need help changing the font size/color on these words under my products
http://208.153.119.167/shopping/shopdisplaycategories.asp?id=5&cat=Freestanding+Lace
I have messed with my templates, but not sure if I am changing the right things, as nothing changes when I reload them.

Also, is there a way to change the size/color of "click to see more". I found how to change the words to suit my needs, but not where to change the color.

Any help is appreciated.
Thanks,
Patty

carfin
VP-ASP Expert

United Kingdom
948 Posts

Posted - March 20 2009 :  05:28:12  Show Profile  Reply with Quote
Hi Patty,

to change the colour of the text under your images on shopdisplayproducts.asp you will need to open shop.css (in the stylesheets folder) with a text or html editor - save a copy first just in case. Near the bottom of the page you will find this code:

/* Category table (shopdisplaycategories.asp) */
table.tbl_category td { text-align:center; }
table.tbl_category td a {
text-align:centre;
padding:1px 0px;
color:#FFFFFF;}


I changed the colour to white because I have a dark blue background behind the text. If you want to change the size of the text you will have to add:
font-size:80%;
preferably on a new line after text-align:centre;
You can test the font % for larger or smaller depending on what you want.

For the "click to see more" text if you change the colour and size of this hyperlink it will affect all the links that are created within the product display eg. wishlist, tell a friend etc. The code to change this is also in shop.css at the top of the page.

/* global styles */
a { color:#000099; text-decoration:none; }


I changed our links to dark blue, and again you can change the size and appearance by adding font-size etc. as required.

Hope this helps,

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

Sew-N-2-U
Starting Member

47 Posts

Posted - March 20 2009 :  10:05:36  Show Profile  Reply with Quote
Hi Carrol,
Thanks so much for your response. I found earlier that you answered this same question for someone else in forum, but the fix didn't work for me. It is like my site is ignoring the stylesheet shop.css

I made these changes and nothing happened. This is currently my code


<font color="blue">/* Category table (shopdisplaycategories.asp) */
table.tbl_category td { text-align:center; }
<font color="blue">font-size:80%;</font id="blue"> preferably on a new line after text-align:centre;
table.tbl_category td a {
text-align:centre;
padding:1px 0px;
color:#FFFFFF;}</font id="blue">

}

I have it loaded, but no change. I thought if I got it working I could mess with color and font, but can't even get it recognized as blue.

Again, appreciate the help. Maybe I am doing something wrong with the shop.css?
Patty
Go to Top of Page

carfin
VP-ASP Expert

United Kingdom
948 Posts

Posted - March 20 2009 :  12:47:55  Show Profile  Reply with Quote
Hi Patty,

I usually highlight any code posted in the forum with blue but I will leave it plain this time, so the code in your shop.css file should look like this:

/* Category table (shopdisplaycategories.asp) */
table.tbl_category td { text-align:center; }
table.tbl_category td a {
text-align:centre;
font-size:100%;
padding:1px 0px;
color:#0066FF;
}

There should be no <font> tags or other html in your code. If you want to copy the code from above, first copy it into Notepad and then copy it from notepad into your shop.css file to remove all the html. Save your shop.css file and see if the changes work now.

Regards,

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

Sew-N-2-U
Starting Member

47 Posts

Posted - March 20 2009 :  14:09:40  Show Profile  Reply with Quote
Ok...duh. I see the highlighting showed in my code. I reloaded without that, still not working :(
Patty
Go to Top of Page

Sew-N-2-U
Starting Member

47 Posts

Posted - March 27 2009 :  15:28:35  Show Profile  Reply with Quote
Ok, after much dorking around, I found where to change my hyperlink font.
Under stylesheets/ insert your template type name here/shop.css
It wasn't the shop.css in just the regular stylesheet folder.
Hope this helps someone else!
Patty
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000