Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • April 23, 2015 at 4:04 am #433207
    cisqo

    Hello,
    I have been trying to change the color of one element of the main menu.
    I changed it on the ‘Quick css’, by adding:
    #menu-item-144 span{
    background-color:red;!important;
    }
    But It does not work, it seems like the propriety is not taking into account because overide by the other main rule.
    How should I proceed?
    Thx.

    April 23, 2015 at 1:01 pm #433422
    Günter

    Hey cisqo!

    Thank you for coming back.

    Can you give us a link to this page please? Then we can check and give you the correct CSS.

    You can post it here as a private reply.

    Best regards,
    Günter

    April 23, 2015 at 2:03 pm #433468
    cisqo
    This reply has been marked as private.
    April 23, 2015 at 2:11 pm #433472
    cisqo
    This reply has been marked as private.
    April 24, 2015 at 7:37 am #433907
    Ismael

    Hey!

    Use this:

    li#menu-item-149 a .avia-menu-text {
  background: red;
}

    Please refer to this link on how to grab the correct menu selectors: http://kb.oboxthemes.com/articles/how-to-get-css-styles-for-elements/

    Cheers!
    Ismael

    April 24, 2015 at 2:01 pm #434073
    cisqo

    Thank you, it works.
    How would you do the same for the list icon down on my website (see ‘EN CAS DE VENTE’), if I am not mistaken they do not have specific ID.
    How could I modify the css of each one independently?
    Regards.

    April 24, 2015 at 2:05 pm #434076
    Yigit

    Hi!

    You can turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and apply class for each element.

    Cheers!
    Yigit

    April 24, 2015 at 2:34 pm #434107
    cisqo

    Really cool and helpful, is there other hidden fonctionality that I don’t know of? ;)
    but in that case, this sets a class attribute to the whole list, no possibility for me to set different color to each element of the list.
    is it?

    April 24, 2015 at 2:38 pm #434113
    Yigit

    Hey!

    You can find all features here – http://kriesi.at/documentation/enfold/ :)
    Can you please post a screenshot and show the changes you would like to make?

    Regards,
    Yigit

    April 24, 2015 at 2:48 pm #434130
    cisqo

    Thx for the quick reply :),
    like this

    Also, It seems that I have a problem with my menu, when I reduce the size of my windows, at one point it does not display correctly, it should change to list menu earlier. What do you think? should I open a new topic for that?
    Regards.

    April 25, 2015 at 4:33 am #434563
    Ismael

    Hey!

    Go to Enfold > Mobile Menu panel then set the Header Mobile Menu activation to the second option. Or add this in the Quick CSS field:

    @media only screen and (max-width: 1100px) {
.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide {
display: block;
}

.responsive .av_mobile_menu_tablet .main_menu {
display: none;
}

.html_mobile_menu_tablet #mobile-advanced {
display: block;
}}

    Cheers!
    Ismael

    April 25, 2015 at 2:59 pm #434701
    cisqo

    Thank you ismael for your response.
    Can’t I instead make one of the menu element disapear instead, so that the mobile menu butons appears onlys when the screen is quite narrow?

    Also, could you please also respon to my main problem of the thread?
    How to set different color to each element of the list (see the picture of my last comment to see what I am trying to do)…

    • This reply was modified 9 years, 6 months ago by cisqo.
    April 27, 2015 at 3:25 pm #435308
    Yigit

    Hey!

    Please do not forget to give your iconlist a custom CSS class – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then add following code to Quick CSS 

    .your-custom-css .avia-icon-list li:nth-child(2) .iconlist_icon {
  background-color: red !important;
}
.your-custom-css .avia-icon-list li:nth-child(3) .iconlist_icon {
  background-color: yellow !important;
}

    Regards,
    Yigit

    April 27, 2015 at 4:43 pm #435402
    cisqo

    I didn’t know we could do that: nth-child.
    This is great.
    Thank you so much.
    Regards.

    April 27, 2015 at 4:56 pm #435417
    Yigit

    Hi!

    For more information, please see – https://css-tricks.com/how-nth-child-works/

    Best regards,
    Yigit

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.