Foundation Nested Menu default colors...

User 2188420 Photo


Registered User
12 posts

I've successfully followed the very useful tutorial ‘Create a nested Menu from scratch’ which is great. I'm using Site Designer V5 to create a Foundation-based website.

At the bottom the tutorial notes:
“There is a small issue that occurs whenever you try to customize an element that has a foundation attribute ... The style will appear and then when hovering over it will switch to Foundation's default colors (white and blue). When this happens, the solution would be to apply another class with the exact same styles to override the default.”

This is happening to my menu, but I don't entirely understand how to fix it (as a casual website builder). I would be very grateful if someone could explain this? Thank you!
User 122279 Photo


Senior Advisor
14,197 posts

It's quite a while since I used that menu, and I don't remember the class name of the element in question, but what you need to do is select that element, add another class name to it that you style with the colours you want to have.
Ha en riktig god dag!
Inger, Norway
This site was made before we were able to create components through the app:
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/
My work in progress right now:
Components for the same as above + HTML Editor: https://mock-up.coffeecup.com


User 2188420 Photo


Registered User
12 posts

Thanks very much for the reply.

The class is text-link-1. I'm using it for 5 elements, but it's the 2 which have nested elements which turn blue on hover. Sorry for the basic question, but what sort of name should I give the new class?
User 2699991 Photo


Registered User
4,383 posts
Online Now

Parky wrote:
Thanks very much for the reply.

The class is text-link-1. I'm using it for 5 elements, but it's the 2 which have nested elements which turn blue on hover. Sorry for the basic question, but what sort of name should I give the new class?

Give then any name you want, then you can change the colour to your choice
Mastering The Understanding With Hands-On Learning
NEW TO
"COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS

I can make "INDIVIDUAL BESPOKE" step-by-step video tutorials
for you to watch at your leisure as many times as you need

I have also started updating the ready made step by step tutorials, Ready Soon

my secure email details form
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2699991 Photo


Registered User
4,383 posts
Online Now

Here is a quick silent movie just in case you need it showing adding additional class names & the colours

https://youtu.be/1nKNjkGrBQo

Its still uploading to YouTube but a couple more minutes should be OK

If you still need further help ~~~~~ shout up


Mastering The Understanding With Hands-On Learning
NEW TO
"COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS

I can make "INDIVIDUAL BESPOKE" step-by-step video tutorials
for you to watch at your leisure as many times as you need

I have also started updating the ready made step by step tutorials, Ready Soon

my secure email details form
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2188420 Photo


Registered User
12 posts

Thank you very much for the video.

I've rebuilt the menu and applied new classes to the text which seems to have resolved the hover which is great, but the text still defaults to blue on the dropdown. I just can't see a way of resolving this, using the same principles you explained on the video.

Hopefully a jpeg screenshot is attached with the preview superimposed over Site Designer.

Any assistance greatly appreciated.
Attachments:
User 2699991 Photo


Registered User
4,383 posts
Online Now

Ahh I see now yes a problem with accordion-styled menu dropdowns, there is a fix
there is a fix but I can't remember what, I will try to find it (actually nowadays there is a better way to do something like that, I have a step by step video on how to make a simple dropdown I can make available to watch if you would prefer. unless someone else comes up with the solution code needed before)
Mastering The Understanding With Hands-On Learning
NEW TO
"COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS

I can make "INDIVIDUAL BESPOKE" step-by-step video tutorials
for you to watch at your leisure as many times as you need

I have also started updating the ready made step by step tutorials, Ready Soon

my secure email details form
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2188420 Photo


Registered User
12 posts

Okay thanks very much. The simpler the better! I forgot to mention that the blue dropdown doesn't happen in mobile mode, just when expanded.
User 2699991 Photo


Registered User
4,383 posts
Online Now

Parky wrote:
Okay thanks very much. The simpler the better! I forgot to mention that the blue dropdown doesn't happen in mobile mode, just when expanded.


Yes its a default thing that comes with Zurb foundation.

Where in the world are you located? I just ask so I can discover the time differences It's coming up midnight here in Indonesia, I normally resurface around )2:00 AM Indonesian time
Mastering The Understanding With Hands-On Learning
NEW TO
"COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS

I can make "INDIVIDUAL BESPOKE" step-by-step video tutorials
for you to watch at your leisure as many times as you need

I have also started updating the ready made step by step tutorials, Ready Soon

my secure email details form
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2188420 Photo


Registered User
12 posts

I'm in the UK, but there's no rush at all. I'll leave this part for the moment and get on with something else (and probably generate more questions!).

Thanks!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.