Hi… I have tried and re-tried to get the hyperlinks correct on our site, and it just isn’t working.
To set them, I went into Page Inspector and set them as follows:
Normal: Dark Grey (the color that most of the text is)
Visited: White
Hover: White
Active: White
But when I look at the page, I am only seeing the Dark Grey.
On my example page, the “contact us” in the last paragraph is hyperlinked and should turn white when I hover over it, correct?
I’m having the same problem all over the site.
Does anyone have ideas about what I am doing wrong or how I might be able to fix it–for someone who relatively fluent in Freeway but not overwhelmingly skilled at peeking under the hood?
I tried the HTML container instructions and it had no effect.
Then I saw your other message…I am using the CSS menu action–and just looked and saw that I had separate “hover” colors there (but those aren’t working either).
Does changing the link styles there in the action supersede all else? Do I need to remove the other ones from the html container?
Does changing the link styles there in the action supersede all else?
Link styles applied in the CSS Menu action only apply to the CSS Menu itms. Make sure that you have no colour applied via normal styles. In your example page the text is styled as white. Colour should only be added via the CSS menu link styles.
I tried the HTML container instructions and it had no effect.
Did you remove all other instances of link styling?
As a base measure select all the text that you wish to style as a link and use Style>Remove Styling - this will remove all text styling. Then try adding the link style by selecting the container and applying the link styles.
BTW your background image eucalyptus_bark_m.png is HUGE! - it is nearly 9Mb - makes for a very, very slow loading page.
One of the most important things about “styling” text and hyperlinks is to stay organized. I know this might be a shocking statement but doing styles in inspector first is simply the wrong way - for both css-menus and regular page link styles.
I once started with a video screencast series which I interrupted for the moment but will go on with it as soon as I got some minutes (and inspirations).
One of the main messages of this entire series is the “paragraph” episode to get a regular base for further stylings.
Have a look at this and tell me what you think (just 7 minutes of your lifetime):
Once cleaned out your page-styles (and even menu-styles) I’m pretty sure you get closer to the wanted.
For css menus I then create a single small style called e.g. .mainmenu which only contains the font-family and the text-orientation nothing else.
So as I already said:
Stay organized, reduced and clear. Start by firing out the style(followed by number) stuff entirely. Make yourself clear what basic properties you need and do this next.
Then follow Davids instructions on how to apply link styles.
The rest of it will be done within css-menu action.
Believe me:
This should take you just half an hour to do and could save you hours of investigation and try-outs.
I think that’s terrific, Thomas. Exactly what Freeway Pro users need to
know about how to tame and control their text styles in a very practical
way. Well done!
First, thanks to Thomas for the brilliant video. And to Delta Dave for helping me understand the different categories I need to consider (and pointing out the huge size of my background on the homepage–I had fixed the other pages’ background but had missed that one as it has a different Master).
Now, on to the remaining issue:
I’ve managed to fix the hover so that now it works by stripping everything out and starting over. But now, the basic state of the text that is hyperlinked is a dark blue that I didn’t set and I am sure is automated somewhere or automatic at least, but I can’t figure out where.
If I remove all of the styling and then click on the HTML box and set the links as “NONE” except the “Hover,” which I set as blue, the hover doesn’t work when it is published (but that pesky dark blue does go away).