| Author |
 Topic  |
|
|
Sew-N-2-U
Starting Member
47 Posts |
 Posted - March 17 2009 : 21:48:25
|
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-CART Expert
United Kingdom
948 Posts |
Posted - March 20 2009 : 05:28:12
|
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 |
 |
|
|
Sew-N-2-U
Starting Member
47 Posts |
Posted - March 20 2009 : 10:05:36
|
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 |
|
|
|
carfin
VP-CART Expert
United Kingdom
948 Posts |
Posted - March 20 2009 : 12:47:55
|
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 |
|
|
|
Sew-N-2-U
Starting Member
47 Posts |
Posted - March 20 2009 : 14:09:40
|
Ok...duh. I see the highlighting showed in my code. I reloaded without that, still not working :(
Patty |
|
|
|
Sew-N-2-U
Starting Member
47 Posts |
Posted - March 27 2009 : 15:28:35
|
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 |
|
|
| |
Topic |
|
All Forums
Change Font on Categories
New Topic
Printer Friendly
TrustGuard - PCI Security Scanner
