Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 18, 2015 at 5:44 pm #445893
    thecszone

    I am using the Enfold theme on WordPress 4.4.2. I am using the mega menu and I want the second level of the sub-menu to be bold. Below is a link to the site I am working on.
    So for example:
    Main Menu Item = Books (No Change Needed)
    1st Sub Menu Item = Romantic Suspense (No Change Needed)
    2nd Sub Menu Item = First Responders (This is the item I want to be bold)
    3rd Sub Menu Item = Silent Night Standoff (No Change Needed)

    May 19, 2015 at 3:11 pm #446452
    Rikard

    Hi thecszone!

    Please try the following in Quick CSS under Enfold–>General Styling:

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

    Cheers!
    Rikard

    May 19, 2015 at 4:08 pm #446501
    thecszone

    This doesn’t seem to do anything and if it did, wouldn’t it just refer to one item in the menu? I want this entire sub-level in every category to be bold.

    May 21, 2015 at 3:41 pm #447767
    Yigit

    Hi!

    It does seem to work fine on my end – http://i.imgur.com/KDKaOQu.png
    Please flush browser cache and refresh your page a few times. If you apply the changes to “First responders” menu item, please change the code to following one

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

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field

    Best regards,
    Yigit

    May 22, 2015 at 4:15 pm #448417
    thecszone

    Okay, I cleared my cache and can see it is bold. But it is only bolding a specific item. I might have not be clear but I want all of the first sublevels in each main level bolded. So for example in books, Romantic Suspense is already bold so the following sub-levels should be bold but not the items under them. I’m not wanting to find each menu item # that I want bold, but to have a sublevel grouping be bold.
    So in addition to First Responders bolded in book, I also want
    The Justice Agency
    The Morgan Brothers

    May 22, 2015 at 4:19 pm #448424
    Yigit

    Hi!

    Please go to Appearance > Menus and click “Screen options” on top right corner and check CSS class and then edit your menu items and insert ‘bold-menu-item’ as CSS class to the ones you would like to make bold and then add following code to Quick CSS 

    .bold-menu-item { font-weight:bold !important; }

    Cheers!
    Yigit

    May 22, 2015 at 7:33 pm #448566
    thecszone

    Okay, this makes perfect sense so I implemented it and updated. I see the .bold-menu-item { font-weight:bold !important; } in the css and the bold-menu-item in the html for the menu item I want bold, but, it is not bold. I cleared my cache and checked it in multiple browsers, but it is not bold.

    May 22, 2015 at 7:48 pm #448572
    Josue

    Hey!

    Use this code instead:

    .bold-menu-item > a > .avia-menu-text { font-weight:bold !important; }

    P.S. Do not copy it from the mail notification.

    Cheers!
    Josue

    May 22, 2015 at 8:28 pm #448602
    thecszone

    This works great! Thanks so much for the help. You all are the best!!

    May 22, 2015 at 8:32 pm #448607
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

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