Joomla Templates Club 406,261 posts

[silicondesigns Friend silicondesignsJoin date: January 2007Posts: 23Downloads:0Uploads:4 Thanks: 4 Thanked: 1 times in 1 posts]

#169435

We’re using the light blue Ores theme but want to change default menu colour which is very pale (f8f8f8) to a darker contrast version say oeoeoe. Essentially, the new default colour for this top menu would then be the same colour as the bottom colored bar. See attachments for a very basic mock up or what we want. Any guidance would be appreciated. Thanks, SD

---

Attachments:

1. 
2. 

[Blaine Friend BlaineJoin date: August 2007Posts: 1443Downloads:0Uploads:25 Thanks: 98 Thanked: 177 times in 154 posts]

#417652

Hi silicondesigns!
Using Firebug is an easy way to locate where the code is calling from, then once identified, you can go to the CSS files and change there.
Hope it helps!

[silicondesigns Friend silicondesignsJoin date: January 2007Posts: 23Downloads:0Uploads:4 Thanks: 4 Thanked: 1 times in 1 posts]

#418138

Thanks for the heads up Blaine, but I was really looking for some specific Joomlart template guidance on file locations etc so as to ensure its dead right. Anybody else have any other suggestions at this stage. SD.

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

#418970

Neil:

To change the background color of the main nav – open templates/ja_ores/core/themes/light-blue/css/light-theme.css

at line 92 you will see the following . . .


/* mainnav */
#ja-mainnav {
background: url(../images/mainnav-bg.gif) !important ;
border-bottom: 1px solid #fff;
}


You can change the background color to “oeoeoe” or whatever color you want.

Of course, you will then also need to modify the font color for your menu items.

Incidentally, Blaine was absolutely correct in suggesting you utilize a web development tool, like Firebug, to identify elements such as this – and even test out various modifications in a live test setting. Check out the following . . .

USING FIREBUG to CUSTOMIZE YOUR SITE

😎

1 user says Thank You to TomC for this useful post

1. silicondesigns

[silicondesigns Friend silicondesignsJoin date: January 2007Posts: 23Downloads:0Uploads:4 Thanks: 4 Thanked: 1 times in 1 posts]

#419989

TomC, apologies for the delay in replying and many thanks for your help with this .. and the reminder about firebug. SD.

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

#420116

<em>@silicondesigns 276719 wrote:</em><blockquote>TomC, apologies for the delay in replying and many thanks for your help with this .. and the reminder about firebug. SD.</blockquote>
Not a problem … Glad to lend a hand and assist with helping you utilize tools to aid in your continuing site development.

😎

[Author]

Posts