Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 11, 2019 at 3:49 pm #165648
    Glen Pavelich
    Participant

    One of my installations of Lucida pro shows a CSS Class field for menu items, but another installation I have going does not show this option. Is there a place to turn this option on?

    Both sites have versions 1.4.6

    February 12, 2019 at 12:16 am #165672
    Skandha
    Participant

    @fireflywebs: Go to => Appearance => Menus => On the top right hand corner you will see Screen Options. Under that click the CSS Classes Checkbox.

    Now you should get CSS Class textarea when you edit a Menu Item.
    Let me know if this helps you out!
    Kind Regards,
    Skandha

    February 12, 2019 at 9:29 am #165702
    Glen Pavelich
    Participant

    Yes, it’s there now. Thanks.
    But the css class isn’t being applied.
    I have called it
    menu-accent
    and in the additional css I have
    .menu-accent
    { background-color: #879845 !important;
    }
    With ‘inspect element’ I can see it applied both in the markup and in the css. But no matter what properties I apply to the css nothing changes.
    (The menu item in question is the FAQ tab on the primary menu bar. We want this with a background color.

    See backyardpollinator.ca

    February 12, 2019 at 11:32 pm #165739
    Skandha
    Participant

    @fireflywebs: I am not able to access your site right now. Can you let me know when your site accessible so that I can look into the issue?

    Kind Regards,
    Skandha

    February 14, 2019 at 8:19 am #165851
    Glen Pavelich
    Participant

    The site is live and working. Please try again.
    I wonder if the issue is because the background for the menu items is not transparent.

    February 15, 2019 at 1:54 am #165902
    Skandha
    Participant

    @fireflywebs: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .menu-accent a {
    background-color:#879845;
}

    Let me know if this works out!
    Kind Regards,
    Skandha

    February 15, 2019 at 5:47 am #165927
    Glen Pavelich
    Participant

    Thank you very much.
    Works now as desired.

    February 17, 2019 at 10:34 pm #166065
    Skandha
    Participant

    @fireflywebs: Hello Glen, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/lucida/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

    Kind Regards,
    Skandha

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Optional css for menu items’ is closed to new replies.