FW7: how to change the css menu fontstyle?

I am very pleased with the css menu in 7.

But… it seems to use a certain style. How can I modify the font style?
I want my menu names written in CAPITALS, that’s in fact the only thing I want to achieve. I understand that fontcolour can be changed in the action dialog, that’s not my issue.
Do I have to create a certain style and then use extended of the box where the css menu is applied to?

http://www.appadvies.nl


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Just select the text in the menu item and apply the style - or just make it all caps.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I forgot to mention that I use the feature ‘auto-menu’
Freeway picks the pages you want to include in the menu. So there is no list of links in the box itself. That’s what I had in fw6 and had just typed them as caps.

But I want to use this automated feature. But Freeway seems to pick up a style, and I want to know how to make changes to it.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

That doesn work with Auto Navigationmenu I suppose?
Op 5 aug. 2014 11:56 schreef “DeltaDave” email@hidden:

Just select the text in the menu item and apply the style - or just make
it all caps.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

But I want to use this automated feature. But Freeway seems to pick up a style, and I want to know how to make changes to it.

Hadn’t considered that.

Looking deeper but nothing in the action interface so I would suggest that you will have to add some style code in Page>html markup.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes, I think so too Dave. I am just gonna try some things. Will post if something did the trick.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If you have given your CSS menu item container a name/ID in the inspector (ie. nav) then you can use the following

<style type="text/css">
#nav {
text-transform: uppercase;
}
</style>

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Allright Dave! Of course. That’s great. Gonna give it a go this afternoon.

Thanks for thinking with me!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You can create a style and apply it to the CSS Menu item.

Joe

On 5 Aug 2014, at 14:04, Wimdg email@hidden wrote:

Allright Dave! Of course. That’s great. Gonna give it a go this afternoon.

Thanks for thinking with me!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Joe!

What is a better way: yours or the one David suggested?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Well, with mine you can easily change the style at a later date and have it take effect wherever the style’s being used. With David’s you’ll need to manually edit the code on any page that it’s used on.

Joe

On 5 Aug 2014, at 14:19, Wimdg email@hidden wrote:

Thanks Joe!

What is a better way: yours or the one David suggested?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Oh Yes, that makes sense! Thanks Joe


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 5 Aug 2014, 2:29 pm, Joe Billings wrote:

With David’s you’ll need to manually edit the code on any page that it’s used on.

Joe

This I don’t get. I do the same Dave suggests and I just apply changes in the stylesheet to #nav, and I’m done? No need to apply this to every single page, just the stylesheet?

Richard


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I do the same Dave suggests and I just apply changes in the stylesheet to #nav,

This style code has to be added via Page>Html Markup in the before section - if you add it to the Master on which all your pages are based you will be GTG

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I just create a tag style …


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You could add/change the stylesheet but you would have to make sure that the stylesheet you changed was used by every page that the menu appeared on.

Also if you change a stylesheet that FW created it will be overwritten the next time you publish.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I asked this question to Freeway Support and this is the answer I got…

Freeway Pro has always been the same in that you can select an HTML item and then apply a pre-established custom CSS text style to it. Because of the “cascading” nature of cascading style sheets, applying the style to the item will affect all the text that is inside the item - so when the updated CSS Menu Action does its stuff with the auto-generation that style will be picked up.

To set up the style, go to Edit>Styles, click on the “+” button in the bottom left corner, choose the Character and Paragraph attributes you want to use for the style (Font, Size, Alignment, etc.) - but make sure you don’t set a color or underline behavior as that is controlled by the CSS Menus Action (in the Links panel).

Enter a name for the new style in the “Name” field (make sure the “Tag” field is blank) and click OK.

Now go to your Freeway file (presumable to the Master page), select your CSS Menu it, go to the Inspector’s Styles tab, click on the “+” button to the right of the item’s name and choose the new style you just set up.

That’s it, when you preview the file it will now be styled with those attributes.

We are currently putting the final touches to some tutorials, and this will be covered in those tutorials when they are released.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Freeway Pro has always been the same in that you can select an HTML item and then apply a pre-established custom CSS text style to it. Because of the “cascading” nature of cascading style sheets, applying the style to the item will affect all the text that is inside the item - so when the updated CSS Menu Action does its stuff with the auto-generation that style will be picked up.

Sometimes I think that I make things harder for myself.

The simplest answers are often the best!

But as it happens if you are trying something out and you create a new style in the Inspector every page on your site will be ‘dirtied’ and require a fresh upload. Using Markup on 1 page ‘for testing’ - avoids this.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I made a nav style and applied it to the item with the css menu.
Works perfectly. Of course this effects the whole site, because I applied it to the item on the masterpage.

Completely understand Dave’s remark about testing.

My initial question has been answered!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I have been following SPs directions as related a few posts above by Rob, but have not had success adjusting the style of the CSS menu by editing the style applied to the CSS Menu Item. It won’t budge off the original version of the style. Working on the master page, I’ve tried applying other styles, then reapplying the style. I’ve published to see if the forces the change. I’ve saved the file, quit Freeway, restarted Freeway and still it clings to the style’s initial type size and typeface. Adding “flush left” alignment to the styling, however, did fix the problem that submenus were aligning right rather than left to match the main menu items. Note that I left the tag box blank in the style menu.

Concerning sharing the file: I don’t yet have a server set up for this project, but I could attach a .webarchive file if this would provide the code needed.

FYI: Here’s another problem I ran into (and found this workaround):
I dragged a fully formatted CSS Menu item inside a “Fixed in Window” HTML layer item that provided the NAV band background, but this prevented the drop down menus from working. I looked in both FW5.5 and FW7 CSS Menu Item documentation and saw no warnings about nesting the CSS Menu. I made sure that overflow was marked as “visible” for both parent and child items. I solved this by treating each as a separate layer, and applying the sticker action to both.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options