Joomla Templates Club 406,261 posts

[emmy_louise Friend emmy_louiseJoin date: June 2009Posts: 3Downloads:0Uploads:0 Thanks: 2]

#146698

Hi all,

Hope you’re all well and excited about Christmas 😀

I’m having an annoying problem with a site i’m building. (see the site here http://www2.ucs.org.uk/) It’s for a school and they want to have different colours on the menu button and dropdown menus of the different school departments (ie Junior School, Senior School, Sixth Form) I’ve followed some Joomla forums and have tried a couple of things suggested. They mostly said to list the different menu IDs in the css and assign colours to them like :

#ja-mainnav .main {
color: #3D151D;
border-top: 1px solid #ddd;
font-family: Constantia, Cambria, Times, serif;
font-size: 100%;
}

#ja-mainnav a {
color: #000;
}
#ja-mainnav li.item53 {
color: #955A63;
border-top: 1px solid #ddd;
font-family: Constantia, Cambria, Times, serif;
font-size: 100%;
}

#ja-mainnav li.item54 {
color: #7A4045;
border-top: 1px solid #ddd;
font-family: Constantia, Cambria, Times, serif;
font-size: 100%;

It doesn’t seem to be working and i was wondering if this is because the template uses ja-mainnav?

I was just wondering if anyone might be able to help me please as to whether it’s something i’ve put in wrong or if it just can’t be done with the template.

Thanks in advance 🙂

Emma

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#326322

Hi emmy_louise

Please add this structure to the end of file:

#jasdl-mainnav a#menu92 {
background: #ff0000;
}

1 user says Thank You to JA Developer for this useful post

1. emmy_louise

[emmy_louise Friend emmy_louiseJoin date: June 2009Posts: 3Downloads:0Uploads:0 Thanks: 2]

#326339

That’s great thanks, i’ve managed to tweak that so it’s only when the link is active … thanks so much for your help 🙂

Also, how would i go about making the subnav have the same colour to it? I’ve tried replacing “mainnav” with “subnav” in the code you suggested but it doesn’t work.

Thanks,

Emma

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#326467

Please use this structure:

#ja-subnav ul li a#menu202 {
background:#ff0000;
}

[emmy_louise Friend emmy_louiseJoin date: June 2009Posts: 3Downloads:0Uploads:0 Thanks: 2]

#326511

<em>@JA Developer 156687 wrote:</em><blockquote>Please use this structure:

#ja-subnav ul li a#menu202 {
background:#ff0000;
}</blockquote>
Thanks for your help, but it doesn’t seem to be working. My site is at http://www2.ucs.org.uk/ and i’m trying to change the subnav on “the Phoenix”, “Junior School”, Senior School” and “Sixth Form” to match the buttons above when they are active.

Thanks,

Emma

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#326630

Please try to do with following code:

#ja-subnav ul#jasdl-subnav131 {
background:#ff0000;
}

[Author]

Posts