Joomla Templates Club 406,261 posts

[pjotrij Friend pjotrijJoin date: October 2013Posts: 18Downloads:2Uploads:0 Thanks: 8]

#197124

Hello,

I want to change the dark background of the megamenu to a lighter colour (and probably change the color of the items to black for the contrast) but I can’t figure out where to do that. I expected to find it in megamenu.css but probably I oversse the correct place to change it.

Could anyone pint me to the correct spot to change the colours?

Regards,

Pieter

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#532608

Hi

In your custom.css you can add this

.navbar-default {
background-color: #yourcolor!important
}

1 user says Thank You to pavit for this useful post

1. efe_ayse

[pjotrij Friend pjotrijJoin date: October 2013Posts: 18Downloads:2Uploads:0 Thanks: 8]

#532611

Thanks for your swift reply. I’ve added this to my custom.css but it does not affect the background color:
.navbar-default {
background-color: #d4e371!important
}

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#532613

Hi

The correct code is

.navbar-default {
background-color:#d4e371!important;
}

It has a semicolon at the end

[pjotrij Friend pjotrijJoin date: October 2013Posts: 18Downloads:2Uploads:0 Thanks: 8]

#532616

Thanks, the semicolumns worked. But, what happended was that the background of the megamenu changed. I think I was not specific enough. When you hover over the megamenu the dropdown menu that is shown has a very dark grey colour. I want to change that color. So we are in the right direction but not close enough yet. Have a new idea fo me?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#532722

Add the following to your custom.css:


.t3-megamenu .mega > .mega-dropdown-menu {
background: #color code;
}

Obviously, add whatever color-code you want for your background color.

1 user says Thank You to TomC for this useful post

1. pjotrij

[pjotrij Friend pjotrijJoin date: October 2013Posts: 18Downloads:2Uploads:0 Thanks: 8]

#532739

Tom,

that’s exactly what I was looking for. Thanks a lot.

Pieter

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#532741

<em>@pjotrij 424090 wrote:</em><blockquote>Tom,

that’s exactly what I was looking for. Thanks a lot.

Pieter</blockquote>

Happy to be of assistance . . . All the best with your continuing site development

[Author]

Posts