Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 6, 2014 at 6:55 am #330718
    Ikyo

    Hi everybody
    I’m trying to add a custom class to a WordPress Menu Item. I’m trying….but not succeeding (even if I’ve done that before on other theme). Is there a limitation or a tick to apply with enfold theme ?

    Thanks for your help and (one more time) the quality of your theme.
    Kind regards

    October 6, 2014 at 6:34 pm #331076
    Yigit

    Hi Ikyo!

    Please go to Appearance > Menus and click on Screen Options on the right top side of the page and check “CSS Classes” and then you can add a class to your menu items and then adjust it using custom CSS in Quick CSS field.
    If you could elaborate on what you would like to do, we may provide another solution

    Cheers!
    Yigit

    October 7, 2014 at 11:00 am #331477
    Ikyo

    Hi Yigit
    This is precisely what I’ve done

    1/ Add a rule .menusep {color: #f0f!important} in Quick CSS field or/and in my CSS Sheet in my child theme
    2/ Add menusep term in CSS class (optionnal)
    Save those settings

    But sadly, it does not work….
    I’m not a rookie and I’ve been using Anfold before…but no result with that problem

    Many thanks for your help !

    • This reply was modified 10 years, 2 months ago by Ikyo.
    October 7, 2014 at 3:15 pm #331651
    Yigit

    Hey!

    Please go to Enfold theme options > Advanced Styling and edit “Main menu links” if you would like to change colors. If you would like to target a specific menu item, you can use Menu item ID. You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg

    Best regards,
    Yigit

    October 7, 2014 at 7:18 pm #331853
    Ikyo

    I really appreciate your help Yigit, but unfortunatly the Page or Item ID does not overide the style of my menu
    I’m trying to change the font-size of one menu’s term, but nothing help changing it
    NB : the background-color is easy to change, and with the classic method of the CSS class added on Appearance > Menu, or Menu ID it work perfectly, but the font-size and text color remain “unoveridable”…no way to change it.

    I’m sure we gonna find a solution…I’m totally confident with your support (one of the best I know among the theme I use) #NoKidding

    Have a nice day

    October 7, 2014 at 11:27 pm #331952
    Josue

    Hi,

    Can you post the link to your website please? Dashboard access would be helpful too.

    Regards,
    Josue

    October 8, 2014 at 6:31 am #332137
    Ikyo
    This reply has been marked as private.
    October 8, 2014 at 7:26 am #332160
    Josue

    Hi!

    Add this code to change the text inside the menu item:

    .menusep span{
	color: #ff0 !important;
}

    Regards,
    Josue

    October 8, 2014 at 9:19 am #332211
    Ikyo

    Many thanks for your answer !

    Color works perfectly with the span rule but nor border neither font-size are working (ans this is what i’m looking for). What should I do ?

    Thanking you in advance !

    [edit]
    Font-size in em still don’t works, but it works in px (resolved)
    [/edit]

    MANY THANKS
    SUBJECT RESOLVED !

    • This reply was modified 10 years, 2 months ago by Ikyo.
  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Custom Class with WordPres menu’ is closed to new replies.