Joomla Templates Club 406,261 posts

[skalar21 Friend skalar21Join date: September 2014Posts: 8Downloads:0Uploads:1]

#201917

Hi,

how can I change the background color and text color in the submenue?

Thanks

Skalar

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#552291

<em>@skalar21 449218 wrote:</em><blockquote>Hi,how can I change the background color and text color in the submenue?
</blockquote>
Hi to change the drop down background color of the menu . Add this css code into your custom.css file .

Path: template/Your JA template (ja medicare)/css/custom.css
if there is no custom.css in /css , then create a file with name custom.cssand add this code.

.dropdown-menu {

background-color: #2a3b4d

}

change the color code >> #2a3b4d as per your need .
clear cache and check .

Hope it helps you

[skalar21 Friend skalar21Join date: September 2014Posts: 8Downloads:0Uploads:1]

#552301

Thank you for your fast reply. Ok I have added the code to my custom.css and have cleared all caches.

Unfortunatly the color did not change. It is stil dark grey.

Any idea?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#552308

Hello can you share your working site url here , and disable the optimization css from template options , so that i can check it.

[skalar21 Friend skalar21Join date: September 2014Posts: 8Downloads:0Uploads:1]

#552312

http://www.beautyhaus.at

css optimazation is off

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#552313

Hi remove the code from custom.css and try this .
go to template/ja-medicare/local/css/themes/beautyhaus/bootstrap.css
find this code

.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 15px;
text-align: left;
background-color: #2a3b4d
border: 1px solid #cccccc
border: 1px solid transparent;
border-radius: 3px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}

and change the background-color: #2a3b4d color in this code with your color code .
save , clear cache and check.

[skalar21 Friend skalar21Join date: September 2014Posts: 8Downloads:0Uploads:1]

#552318

Great – it is working fine.

Thank you very much!!!!!!!!

But now I must also change the color of the text. How can this be done?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#552319

Hello i am not able to access your site . please check it and let me know >>> http://prntscr.com/4u9enu

[skalar21 Friend skalar21Join date: September 2014Posts: 8Downloads:0Uploads:1]

#552320

Please try again

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#552321

Go to
go to template/ja-medicare/local/css/themes/beautyhaus/megamenu.css
find this code

.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a {
color: #838b95
}

change the color code color: #838b95 ; as per you need .

[skalar21 Friend skalar21Join date: September 2014Posts: 8Downloads:0Uploads:1]

#552322

Thank you so much!

It is working great.

[ekop Friend ekopJoin date: June 2014Posts: 36Downloads:35Uploads:13 Thanks: 8 Thanked: 1 times in 1 posts]

#561168

<em>@pankajsharma 449227 wrote:</em><blockquote>Hi to change the drop down background color of the menu . Add this css code into your custom.css file .

Path: template/Your JA template (ja medicare)/css/custom.css
if there is no custom.css in /css , then create a file with name custom.cssand add this code.

.dropdown-menu {

background-color: #2a3b4d

}

change the color code >> #2a3b4d as per your need .
clear cache and check .

Hope it helps you</blockquote>

I can’t find the code, can you help me? http://www.pantiwlasa.com

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#561223

Hi ekup you need you add this code in custom.css file .

[ekop Friend ekopJoin date: June 2014Posts: 36Downloads:35Uploads:13 Thanks: 8 Thanked: 1 times in 1 posts]

#561331

<em>@pankajsharma 461052 wrote:</em><blockquote>Hi ekup you need you add this code in custom.css file .</blockquote>
thanks pankajsharma is it working , but I want to change the colour of the text more darker . http://www.pantiwilasa.com

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#561333

Hi ekop
add this code in custom.css


.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a {
color: #838b95
}


Change the color code as per your need .

1 user says Thank You to Pankaj Sharma for this useful post

1. ekop

[Author]

Posts