| Author |
 Topic  |
|
|
bmw000
VP-CART New User
137 Posts |
 Posted - December 27 2003 : 13:09:45
|
I want to make the font smaller on the left hand navigation.
Support said this: Fonts are controlled by the stylesheet shop.css, links by the A:link definition.
I tried changing the size there, and that changes the size of other links in the cart, not the left hand navigation.
Does anyone have any idea's?
Thanks,
Brian Weber
|
|
|
rpfeff
Starting Member
USA
9 Posts |
Posted - December 31 2003 : 09:56:37
|
Try shop$colors.asp.
|
 |
|
|
deanl
Starting Member
USA
2 Posts |
Posted - April 13 2004 : 17:43:19
|
Did you ever get an answer to this? I too am unable to get the left navigation font smaller.
quote:
I want to make the font smaller on the left hand navigation.
Support said this: Fonts are controlled by the stylesheet shop.css, links by the A:link definition.
I tried changing the size there, and that changes the size of other links in the cart, not the left hand navigation.
Does anyone have any idea's?
Thanks,
Brian Weber
|
|
|
|
GTM
VP-CART New User
USA
122 Posts |
Posted - April 13 2004 : 20:16:58
|
In shop.css you need to change the style sheet that is applied to the links then reload the shop configuration:
A:link
{
FONT-WEIGHT: bold;
FONT-SIZE: 10pt;
COLOR: black;
FONT-FAMILY: Tahoma, Verdana;
TEXT-DECORATION: underline
}
A:active
{
FONT-WEIGHT: bold;
FONT-SIZE: 10pt;
COLOR: black;
FONT-FAMILY: Tahoma, Verdana;
TEXT-DECORATION: underline
}
A:visited
{
FONT-WEIGHT: bold;
FONT-SIZE: 10pt;
COLOR: black;
FONT-FAMILY: Verdana, Tahoma;
TEXT-DECORATION: underline
Greg
|
|
|
|
devshb
Senior Member
United Kingdom
1904 Posts |
Posted - April 14 2004 : 04:18:16
|
I created additional styles in shop.css and used those for the left-links etc.
So, you'd add something like the following to shop.css:
.LeftMenuLink:link
{
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
COLOR: black;
FONT-FAMILY: Tahoma, Verdana;
TEXT-DECORATION: underline
}
.LeftMenuLink:active
{
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
COLOR: black;
FONT-FAMILY: Tahoma, Verdana;
TEXT-DECORATION: underline
}
.LeftMenuLink:visited
{
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
COLOR: black;
FONT-FAMILY: Verdana, Tahoma;
TEXT-DECORATION: underline
}
(note the extra dot at the front of the style definition) and then whenever you want to use that size/style for a given link, you'd use the class method (without the dot) thus:
<a href="blah.asp" class="LeftMenuLink">Blah</a>
This would allow you to keep your standard link style for all your other links, while also being able to use a central style for left-links etc.
Similar logic goes for printing text, where you could create a style in shop.css like:
.TeenyWeenyText
{
FONT-WEIGHT: normal;
FONT-SIZE: 6pt;
COLOR: black;
FONT-FAMILY: Verdana, Tahoma;
TEXT-DECORATION: none
}
and then for text to show in that format you'd use:
<span class="TeenyWeenyText">
This site is cool blah blah
</span>
Style sheets (css files/definitions) are wonderful things; vp-asp uses a kind of catch-all set of styles for the default links/text etc in shop.css+shopadmin.css, as well as other values in shop$colors.asp. You can leave all the vpasp default styles in there as the fall-through (and/or just change their settings), and just add your own extra ones on an as/when needed basis.
Simon Barnaby
Freelance Developer
Java-E UK
[email protected]
Edited by - devshb on April 14 2004 04:25:47 |
|
|
| |
Topic |
|
All Forums
Left Hand Navigation
New Topic
Printer Friendly
TrustGuard - PCI Security Scanner
