Nav menu font styling

I Need Help
1

I am looking for a way to change the font styling in the navigation menu. In Rapidweaver 7 (which I currently use) it is straight forward to change the font size, colour and typeface used but I can"t see how to do this in Blocs, or am I missing something obvious?

2

Easiest way is to select the menu and then set its data feed to none. Then you can select the links and style them using the side bar.

If you require data fed links then use classes to style the nav links. Select the menu, add a class ‘my-menu’ then using the class manager add a class ‘my-menu li a’ and set this classes values to effect the links inside your nav.

1 Like
3

Thanks Norm. I got that to work but can’t help thinking in a future update it might be good to just incorporate styling options into the navigation menu options as it would be much quicker.

4 Likes
4

I have created classes to use in the nav menu to style the font and although the normal and hover states work, the active styling doesn’t. I had assumed that the active state would be visible in menu when on the relevant page.
Can anyone suggest what I might be missing?
Thanks,
Richard

5

Active state, by definition is the moment it is clicked.

6

In that case it still doesn’t work.
What I currently have set in the class are:
normal: white
hover: yellow
active: red
What I would like to achieve in the menu is that the selected page is in red, all other menu items in white and yellow when hovered over.

7

Yes… I have seen this before. Not sure if it is a Blocs or a browser issue.

But there is no way to achieve what you want via a link state.

8

I’d echo Pixelarte’s statement @Norm. I am finding it immensely difficult to do this. I want to change the style of the website name and I am finding it virtually impossible, despite being fairly familiar with classes and subclasses now. Could you take us through it step by step again, please? Have asked @Blocs_guy for a video via Twitter but I don’t think he’s on that much.

Cheers,

Will

9

I’m not sure if I added this to the project text settings yet, but you can set the style with a custom class too.

Add this class via class manager (.navbar-brand) and set the text size, colour etc via the class editor.

1 Like
10

Many thanks. Will have a go. You deserve so much success with all your hard work and this super product!

1 Like