T4 framework menu dropdown color for Multiple sites/menus

machroel

Hi,
To change the dropdown menu in T4 I need to override this code in custom css like:
.t4-megamenu .dropdown-menu { background: #fff;}

But I have copied some styles/sites inside T4 with different menus and I can't override the color code for them separately.
Is there a way to do this? TiA.

saguaros

machroel Hi

Do you mean the custom css doesn't work on that copied style?

You can share the URL + super admin account of that site so I can take a look. Also tell me how it should be.

machroel

Thank you for responding! Sorry if my question was not clear enough.
At this moment I've found a sort of workaround, but not the solution (for the future). So I will contact you after the summer holidays.

saguaros

machroel Let me know if you need further help then.

Happy Holidays!!!

machroel

This message is visible to Moderators only

hidden content

saguaros

Hi Ron,

You want to change color for all dropdown menu items or items for a certain menu?

machroel

saguaros
For each customer portal. In other words, for the 3 examples, 3 different dropdownmenu color. (Same as the menu color - brown, black en blue).

saguaros

I checked your site but the menu looks different from your attached screenshot, could you share the URL of that page?

machroel

This message is visible to Moderators only

hidden content

saguaros

machroel In T4 Theme styles - Theme color ... I can change 'Brand, Base, Main Menu & Footer'. In Main menu you can change "Text, Link, Link hover, Link active" but I can't change the color of the dropdown menu. Well, I can in custom CSS, but than I change it for every single style. So it has no use to make different styles.

I got your point, in the megamenu, it supports various types of elements: menu item / module / positions ... so it's hared to provide option to set color for content in dropdown menu. So in this case, I suggest to add custom css for dropdown content on your site. Let me know if you need help on this.

Regards

machroel

saguaros
Okay, thanks for clearing that up!
But using custom CSS means that I can't use multiple colors for the dropdown menu, or does it?

In Custom CSS: .t4-megamenu .dropdown-menu { background: #02475e}
is the same for Theme color style: Default, Cyan, Red, Violet, etc. ?

saguaros

You can add an 'Extra Class' for the parent menu item and add custom style for its dropdown.

machroel

saguaros
Thank you for you reply. I am not sure how this is gonna work, but I will give it a try. Get back to you asap.

machroel

saguaros

That's it!
In Extra Class I added a class name 'nav-xxxxxxx' and then I added in Tools - Custom CSS:

.nav-xxxxxxx .dropdown-menu
{
background: #02475e;
}

Copied the class name for every single (dropdown) menu-item. Happy!!
Thank you so much for your support.

An old article helped me also by the way:
https://www.joomlart.com/documentation/purity-iii/faqs#megamenu-style
Customize Megamenu item style

regards Ron