Public Forums 71,145 posts

[tzic Friend tzicJoin date: January 2012Posts: 31Downloads:0Uploads:0 Thanks: 8]

#195782

Hello

I am having difficulties using the additional class in Parameters (JA Extended) of a text separator in mega menu. In mega.css I type this code

.red { color: #F00 !important;}

then in the additional class I type “red” (without quotes) but the text remains GREY. Inspecting the elements with fire bug I get this

<div class="group">
<div class="group-title">
<a id="menu513" class="mega red" title="πανες υποσεντονα" href="#">
<span class="menu-title">πανες υποσεντονα</span>
</a>
</div>

My problem is that the additional class I made refers to <a id=”menu513″ class=”mega red” title=”πανες υποσεντονα” href=”#”> and not to the SPAN class and the color does not change. If I change the class of the SPAN (using firebug) the color changes as it should. Any ideas on how to fix that?

my website

thank you in advance

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#526741

Hi

Sorry, I can’t understand your site – all looks Greek to me 😉

But….

a quick check of your css reveals a problem with your added code. You’ve made this code

.red { color: #F00; !important;}

when it should be

.red { color: #F00 !important;}
i.e. no < ; > between color and < !important; >

and also if you add .red to the css then when you add the class to the menu it should be ” red” – note the leading space first.

Maybe that helps!

[tzic Friend tzicJoin date: January 2012Posts: 31Downloads:0Uploads:0 Thanks: 8]

#526742

thank you very much for the reply. I made the changes you suggested but still no luck. The problem is that the “additional class” in Parameters (JA Extended) refers to the previous div/span in the hierarchy and not to the final element as it should (or so I believe).

Any other ideas?

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#526744

Because I’m not support and don’t speak or understand Greek, it’s probably best to wait for someone like @pascm, who is support and Greek, to help. Sorry!

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#526941

@tzic, when you add a class via “additional class” option, it should has css rule as follows:


.red { color: #F00 !important;}


It works fine with almost menu item except for active menu and menu group title. In this case, you wish to add class color for menu group title, thus it does not work. You should add this CSS rule instead:


.red, .red > .menu-title { color: #F00 !important;}


[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#527640

Is this solved ?

[Author]

Posts