Joomla Templates Club 406,261 posts

[swillett Friend swillettJoin date: February 2011Posts: 53Downloads:0Uploads:9 Thanks: 14 Thanked: 4 times in 1 posts]

#169684

Hi All,

Currently in the early stages of setting up the JA Mesolite II website on Joomla 1.5 platform for the minute until the updates are available.

Now all going well so far except on the left list of menu modules I can not seem to alter / find the CSS for the (Default) main menu modules, I have tried amending the following css in the templates.css file which I believe it to be styled from but this is not working, maybe my sleepy eyes.

I have already looked at:

ul.menu li a {
display: block;
outline: none;
padding: 8px 0 9px;
margin: 0;
text-indent: 15px;
text-decoration: none;
text-transform: uppercase;
color: #666666;
border-top: 1px solid #F1F2F2;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
background: #F1F2F2;
text-decoration: none;
}

I have tried adding the colour to the a:hover state but to no avail and I can not see anything else such as a default colour folder that may contain an additional .css file to override the /ja_mesolite_ii/css/template.css.

Could someone spare 5 minutes to advise of the correct section of CSS I need to alter.

It is only affecting the default:
1) Main Menu
2) Users Resources Menu
3) Key Concepts Menu

These all appear to be running from the Joomla default ul.menu li {css}

All of the other menu’s and sub levels are fine, even the virtumart is fine just the Joomla default’s?

I am sleepy and confused?

Thanks in advance for any help or guidance……

Night for now!

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#419442

Hi,
Could you give me a snapshot with your annotation? Could you give me a link to your page as you said?

[swillett Friend swillettJoin date: February 2011Posts: 53Downloads:0Uploads:9 Thanks: 14 Thanked: 4 times in 1 posts]

#419453

Hi khoand,

The link is: Signs, Badges, Vehicle Graphics, Engraved Plaques.

Visual of the issue can be seen here:
Picture showing different states of the menu

NOTE: Link Above Working Now…….

[swillett Friend swillettJoin date: February 2011Posts: 53Downloads:0Uploads:9 Thanks: 14 Thanked: 4 times in 1 posts]

#419482

does anyone else know how this may be changed to reflect the visual graphic shown via the link above?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#419647

Do you solve it? Because I review your website and your attached image.
When I hover EXPLORE, its color is orange and background is gray. It isn’t as your description.
When I hover MONITORS, its color is orange and background is gray as you said. What’s problem?
HOME is active has color is orange and background is gray. I don’t see problem.
If you want to thing as I say, you try clean cache of browser.

[swillett Friend swillettJoin date: February 2011Posts: 53Downloads:0Uploads:9 Thanks: 14 Thanked: 4 times in 1 posts]

#419759

Hi khoand,

I managed to resolve part of the issue (.parent styles), but the Shop button, Typography button and lower “User Resources” Menu and “Key concepts” Menu on the vertical left hand side menu’s are all still blue on hover state, thank you for your time with this.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#419762

You replace this code from /templates/ja_mesolite_ii/css/template.css

ul.menu li a:hover {
color: #00A9DD;
}
with


ul.menu li a:hover {
color: #F15622;
}

1 user says Thank You to khoand for this useful post

1. swillett

[swillett Friend swillettJoin date: February 2011Posts: 53Downloads:0Uploads:9 Thanks: 14 Thanked: 4 times in 1 posts]

#419768

Hi khoand,

I have tried this again and cleared the cache with no luck, see the CSS in the template.css file under JA_mesolite_ii/css/ folder below:


/* Default Joomla! Menu */
ul.menu {
list-style: none;
margin: 0;
padding: 0;
display: block;
}

ul.menu li {
display: block;
background: none;
margin: 0;
padding: 0;
line-height: normal;
}

ul.menu li a {
display: block;
outline: none;
padding: 8px 0 9px;
margin: 0;
text-indent: 15px;
text-decoration: none;
text-transform: uppercase;
color: #666666;
border-top: 1px solid #F1F2F2;
}

ul.menu li.parent a {
background: url(../images/arrow.png) no-repeat 92% 14px;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
background: #F1F2F2;
text-decoration: none;
color: #F15622;
}

ul.menu li.parent a:hover,
ul.menu li.parent a:active,
ul.menu li.parent a:focus {
background: url(../images/arrow.png) no-repeat 92% 14px #F1F2F2;
color: #F15622;
}

ul.menu li.active a {
background: #F1F2F2;
font-weight: bold;
color:#F15622;
}

ul.menu li.active a:hover {
background: #F1F2F2;
font-weight: bold;
color:#F15622;
}

ul.menu li.parent.active a {
background: url(../images/arrow.png) no-repeat 92% 14px #F1F2F2;
}

ul.menu li ul {
list-style: none;
margin: 0;
padding: 0;
}

ul.menu li li {
border: none;
}

ul.menu li li a {
background: transparent url(../images/bullet.gif) no-repeat 18px 14px !important;
border: none;
padding-left: 26px !important;
text-transform: none;
font-weight: normal !important;
}

ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
background: none;
color: #F15622;
}

ul.menu li li.active a {
color: #F15622;
font-weight: bold;
}

ul.menu li li li a {
color: #666666 !important;
font-weight: normal !important;
padding-left: 38px !important;
background: url(../images/bullet.gif) no-repeat 30px 14px !important;
}

ul.menu li li li a:hover {
color: #F15622 !important;
font-weight: normal !important;
padding-left: 38px !important;
background: url(../images/bullet.gif) no-repeat 30px 14px !important;
}

ul.menu li li li.active a {
font-weight: bold !important;
color: #F15622;
}


[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#419781

You try delete all of files of /cache and /t3-assess folder

[swillett Friend swillettJoin date: February 2011Posts: 53Downloads:0Uploads:9 Thanks: 14 Thanked: 4 times in 1 posts]

#420030

I have deleted all the Cache file and this did not work, I do not know the location of the t3 assets folder you mention.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#420034

Could you give me your username+password of backend? I will check it.

[swillett Friend swillettJoin date: February 2011Posts: 53Downloads:0Uploads:9 Thanks: 14 Thanked: 4 times in 1 posts]

#420041

PM Sent with temp user set-up for you

<em>@khoand 276777 wrote:</em><blockquote>Could you give me your username+password of backend? I will check it.</blockquote>

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#420046

I’m very sorry. I have a mistake. I want to have username+password of ftp, not backend?

[swillett Friend swillettJoin date: February 2011Posts: 53Downloads:0Uploads:9 Thanks: 14 Thanked: 4 times in 1 posts]

#420048

Revised PM Sent

<em>@khoand 276793 wrote:</em><blockquote>I’m very sorry. I have a mistake. I want to have username+password of ftp, not backend?</blockquote>

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#420053

I fixed it. Because in end of template.css file has this code (I removed it)


ul.menu li a:hover {
color: #00a9dd;
}

1 user says Thank You to khoand for this useful post

1. swillett

[Author]

Posts