Joomla Templates Club 406,261 posts

[sallyoz Friend sallyozJoin date: May 2013Posts: 3Downloads:0Uploads:0]

#191874

How do I change the background colour of the mega-menu in JA. Bistro. I found the text in the style sheets but can’t find the background colour.

Probably very obvious but can’t find?

thanks so much

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

#510797

So that I can try to best assist you, please provide the url of the site you’re working on

[sallyoz Friend sallyozJoin date: May 2013Posts: 3Downloads:0Uploads:0]

#510811

http://www.birdspot.com.au

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

#510812

<em>@sallyoz 396038 wrote:</em><blockquote>http://www.birdspot.com.au</blockquote>
Need you to set “Optimize CSS” to “No” within your Template Manager–General settings as well.
(sorry, I assumed you may have done this already)

or, if you’d rather try to find the CSS rule yourself, the correct rule appears to be:


#ja-mainnav .main-inner1 {
background: url("/templates/ja_bistro/images/mainnav-bg.png") repeat-x scroll left top rgba(0, 0, 0, 0);
border-top: 5px solid #9D0401
margin: 0;
}

Hope That Helps

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#510966

You can try this way:

Open templates/ja_bistro/css/template.css file

#ja-mainnav .main-inner1 {
background: url(../images/mainnav-bg.png) repeat-x left top;
border-top: 5px solid #9d0401;
margin: 0;
}

Open templates/ja_bistro/css/menu/mega.css file

.ja-megamenu .childcontent-inner {
background: #f2c0c0;
border-bottom: 3px solid #cf4e33;
border-top: 0;
}

and change the red marked text

Don’t forget to clear cache from Admin area after applying any changes

[Author]

Posts