Viewing Editing the Navi Bar
Editing the Navi Bar
|
User: Guest 12 years ago
|
|
|
Anyone know how to edit the navigation bar? Specifically - font, size, color, etc. Am I just missing it? Thanks! |
|
| Edit | |
|
User: Yelena 12 years ago
|
|
|
Font and Size: use "fonts", color: go to Links in the Inspector....
------------------------------- Yelena MacBook Pro OS X 10.10.3 IMac 21" OS X 10.10.3 |
|
|
User: Roddy 12 years ago
|
|
|
To change the font, select the navigation, open the fonts window (Command T) and select your font and size. Make sure you choose a web safe font! Font color and rollover color are set using the Link inspector. Width height and position are set using the Metrics inspector. Use the Widgets inspector to set alignment, padding etc and sub menu options. Use the Shape inspector to customize the background of the menu blocks. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Guest 12 years ago
|
|
| So helpful - thanks! | |
| Edit | |
|
User: Christopher 12 years ago
|
|
|
These options are not enough. That's why I'm looking for Roddy's instructions to add CSS to override the code. Take a look at my nav bar for example, made with EW: I'd like to give some more left/right space on either side of the text. I'd like to round the bottom of the final panel. I'd like to add opacity to the black as it falls over images. In fact, I might even like the option of setting to 0 and seeing how it looks just with text. There's probably other things I'd like to try out as well. Our options are just so limited! ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
 navbar.png |
|
|
User: Roddy 12 years ago
|
|
|
This is the page with the basic instructions... http://roddymckay.com/EasyWeb/ew-menu/index.html Quote: Our options are just so limited! If you take a look at the styles for the menu you will see that they are actually quite complicated! I think the developers have done really well just to enable a self generating navigation with as many variables as there are. Here's some code you could try for the changes you mention - with comments... <style type="text/css">For the spacing I am adding left and right padding to the menu ul ul li a For the rounded bottom I am adding this selector - #navmenu_menu11 ul ul li:last-child a - and giving a radius to the bottom left and right corners. For opacity I am overwriting the - ul ul - background and then applying the opacity to the - ul ul li - anchor. To allow users to add all this kind of stuff in EasyWeb would make the UI so complicated that the average person wouldn't understand it without a knowledge of CSS. If you know some CSS you can DIY anyway! ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Christopher 12 years ago
|
|
|
Thanks for the code Roddy but I can't get it to work. I assume you meant menu0 so I changed the 11 everywhere to 0 (after first pasting in the code as is without success). I also assume I'm to paste this on the very first page beside my Domain name and the blue globe in the Head Code. I tried that, published site changes, and nothing. I then tried pasting on the Home page following where I first put the Navigation Bar widget. Also, nothing. I changed the menu to 1. Nothing. Incidentally, when I add the code to the Domain page (is that what you call the first page?), it affects every page, turning the paper icon red. But then when I publish site changes, all the other pages turn white again as if unaffected. Lastly, should I see the results immediately in EW? Or only after published? Cheers! ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
|
User: Roddy 12 years ago
|
|
|
It seems there's a problem in EasyWeb when you chop and change menus. See this topic... http://ragesw.net/easyweb-beta/viewtopic.php?f=5...t=1030...p=5648#p5648 On your Home page - which is the index.html - the menu number is - #navmenu_menu11 On the Photos ... Art Gallery pages the menu is - #navmenu_menu1 On the Filmography page it is - #navmenu_menu2 If you apply the code I gave you to the Home page and publish the site you should see the changes. It won't work on the other pages since the menu ID is different. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Christopher 12 years ago
|
|
|
Alright, I got it to work by applying the changes to my Filmography page. My Home page is deselected from the Nav menu, so I'm guessing that's why it's not working there? IS ADMIN DOING ANYTHING ABOUT THE MENU NAMING? I'd like to make my Navigation bar to look the same for every page. ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
|
User: Roddy 12 years ago
|
|
|
I was trying to get menus with different IDs but can't! The tester's site I was looking at has 3 or 4 different IDs but I don't know how it happens. Can you try getting the menu to work on the Home page with the code I gave you and then try copy and paste it to the other pages and then publish to the server so that I can look at the source code? I haven't reported it as I just found out about it and wanted to see if it could be fixed by the method I have just suggested. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Christopher 12 years ago
|
|
|
So far I can't get it to work on the Home page. I've tried pasting it on the global domain page, publishing, then the Home page, publishing, then the Domain, Home and Movie Clips page... publishing. Doesn't work. Changing menu to 2, I did get it to work on my Filmography pg: http://cleetche.com/filmography/index.html ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
|
User: Roddy 12 years ago
|
|
|
Try copying the Filmography menu and pasting it to the other pages.
------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Christopher 12 years ago
|
|
|
No, that didn't work.
------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
|
User: Roddy 12 years ago
|
|
|
I guess this needs to be reported as some kind of bug. I wish I knew how you guys get the different IDs. I've seen it on quite a few sites. I usually design a menu and then stick with it! ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Christopher 12 years ago
|
|
|
Alright. Will do.
------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
| Post Reply |
| You must login or signup to post. |