New Landing How can we help? Themeforest Theme Support Flexform Menu item css class is applied to all sub-menu items

Viewing 15 posts - 1 through 15 (of 18 total)
  • Posted in: Flexform
  • #155439
    Bitedge
    Member
    Post count: 345

    Hi guys,

    We have made menu items bold with the CSS

    .menu .bold a {
      font-weight: bold;

    but when I apply it to a menu item it applies to all sub menu items which I don’t want. How to make it only apply to the one menu item and not its sub items.

    For example on the left hand side bar when I enter bold in the css class of menue item

    Bitcoin Odds Comparison Tables

    it is making all items below that bold as well. How to stop? Thaks

    #155442
    laranz – SUPPORT
    Member
    Post count: 3186

    Hi,

    Try this,

    .sidebar .menu .menu-item-has-children > a { font-weight: bold; }

    Let us know,

    Thanks,
    laranz.

    #155448
    Bitedge
    Member
    Post count: 345

    Not sure if you meant try that in addition to giving the one menu item the bold class or instead of using the bold class. It did not make any difference either way.

    #155457
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Which menu item so you want to look in bold? I can give to you exact css code.
    Thanks
    Mohammad

    #155461
    Bitedge
    Member
    Post count: 345

    Bitcoin Odds Comparison Tables

    #155464
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    #menu-item-9096 > a:nth-child(1){
    font-weight:bold !important;
    }

    Thanks
    Mohammad

    #155467
    Bitedge
    Member
    Post count: 345

    I am afraid that has no affect

    #155472
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please attach marked screenshot with text so i can get your desire change.
    Thanks
    Mohammad

    #155485
    Bitedge
    Member
    Post count: 345

    Atached

    Attachments:
    You must be logged in to view attached files.
    #155490
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    #menu-item-9096 > a{
    font-weight:bold !important;
    }

    Thanks
    Mohammad

    #155495
    Bitedge
    Member
    Post count: 345

    That has no affect either

    #155496
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Where are you inserting code? Are you using any cache plugin.?
    Thanks

    #155522
    Bitedge
    Member
    Post count: 345

    I am inserting the code in the theme options custom css field, I have W3 Total cache but after each attempt I am emptying the cache and hard refreshing the page. We are on a child theme but it does honer all the items in the custom css

    #155527
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Whilst we try to sort this please can you deactivate the cache plugin

    – Kyle

    #155537
    Bitedge
    Member
    Post count: 345

    Okay the cache plugin is deactivated and the last suggested css is in place, no change to the menu.

Viewing 15 posts - 1 through 15 (of 18 total)

You must be logged in to reply to this topic.