Customize the border color of the MegaMenu button

More
1 year 8 months ago - 1 year 8 months ago #10243 by nunatuti
nunatuti created the topic: Customize the border color of the MegaMenu button
Hello everybody,

how can I customize the the border color at the top and the bottom of the MegaMenu button. The small arrow in the center has also to be customized.
Thank you.

Website: shamcom.co/cms/index.php/en/



Template: MS-Services, version 1.05
Framework: 4.8.2
Attachments:
Last Edit: 1 year 8 months ago by nunatuti.

Please Log in or Create an account to join the conversation.

More
1 year 8 months ago #10244 by marcin
marcin replied the topic: Customize the border color of the MegaMenu button
Hi,

Add these custom styles to the custom.less file and adjust the colors to your needs:
.dj-megamenu-override li.dj-up.active a.dj-up_a::before, 
.dj-megamenu-override li.dj-up:hover a.dj-up_a::before, 
.dj-megamenu-override li.dj-up.hover a.dj-up_a::before {
border-top-color: #017eba;
border-bottom-color: #017eba;
}

.dj-megamenu-override li.dj-up.active a.dj-up_a::after, 
.dj-megamenu-override li.dj-up:hover a.dj-up_a::after, 
.dj-megamenu-override li.dj-up.hover a.dj-up_a::after {
border-top-color: #017eba;
}

More about custom.less:
www.joomla-monster.com/documentation/tem...sed-on-ef4-framework

Regards,
Marcin

Please Log in or Create an account to join the conversation.

More
1 year 8 months ago #10252 by nunatuti
nunatuti replied the topic: Customize the border color of the MegaMenu button
Hi Marcin,

thank you so much. That is exactly the solution I was looking for!

Regards,

Nunatuti

Please Log in or Create an account to join the conversation.

More
1 year 8 months ago #10254 by marcin
marcin replied the topic: Customize the border color of the MegaMenu button
You are welcome.

Please Log in or Create an account to join the conversation.

More
1 year 8 months ago #10255 by Lily47
Lily47 replied the topic: Customize the border color of the MegaMenu button
Hi guys,

I also want to change the color of the DJ megaMenu button. I tried to create a custom.less file as described in this article. So I inserted this file into a template/less folder. It changed the color from red into blue. However I don't know how to change the red color of the normal text and border. I am not able to find this variable name. See the screenshot.
Could you please help me with this?


regards,
Iwona
Attachments:

Please Log in or Create an account to join the conversation.

More
1 year 8 months ago #10256 by marcin
marcin replied the topic: Customize the border color of the MegaMenu button
Hi,

The text color you can change using this style:

.dj-megamenu-override li.dj-up a.dj-up_a {
color: #017eba;
}

Regards,
Marcin

Please Log in or Create an account to join the conversation.

Time to create page: 0.358 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2019 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.