Within Freeway, have your CSS menu open to the point where you can see the list of your menu choices (click on it) Once it’s open, highlight what you want to change and just have the Actions tab (pretty sure that’s the one) open and you can do a variety of different things to it… Hover color, link color, etc.
Yes it’s possible with pure CSS but you need to add some custom code. You’ll have to modify the code below to target your specific link but the general concept does in fact work quite nicely, I tried it.
Essentially, instead of using the underline property for links you instead want to use a bottom-border. You will still get a line but you will have greater control over styling.
This code will produce a bottom border that is half red/blue.
Navigate to Site Folder > Page > Formatting Icon (Second on the left where links formatting can be found) > Under “Links” you can specify how you want links to appear.
In addition if you then click on the “more” button under the “Link Styles” triangle click the ‘link’ and enter a style sets to play until your hearts content.
There’s a difference between the css Underline text decoration and the border-bottom attribute. To use a different color for the line that the linked text you will need to use a border-bottom, borders you can define separately from the text. The attribute ‘underline’ always will have the same color the underlined text has.
To use different colored lines for each specific menu-item you will need to create a couple of extra name and tag styles to do so.
The name styles doesn’t have to contain any attribute, it just has to exist in your stylesheet so you can apply them. Name them as your border-color, like:
.menuRed
.menuBlue
Also create a couple of tag styles to apply the link styles (do include the dot here):
.menuRed a:link
.menuRed a:hover
.menuBlue a:link
.menuBlue a:hover
These styles will enclose the appropriate attributes, added via the Extended … feature, for you to choose what style (link, hover) to apply them to: