Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • #229266

    How do I change the submenu font size?

    #229289

    Hey Guilherme!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    #top .main_menu .menu li ul a { font-size: 16px; }

    Best regards,
    Yigit

    #229382

    That didn’t change anything

    #229416

    Hi!

    Can you please give us a link to the website? Are you talking about the dropdown menu or the submenu on top of the header?

    Best regards,
    Ismael

    #243001
    #243004

    Hi!

    Please add following code to Quick CSS instead

    #megaMenu ul.megaMenu ul.sub-menu li.menu-item > a { font-size: 18px; }

    If that does not work, please post a screenshot and show the changes you would like to make

    Cheers!
    Yigit

    #243009

    The changes I’ve made:

    #header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
    height: 125px !important;
    line-height: 125px !important;
    max-height: none !important;
    }
    
    #top .social_bookmarks { top: 20%; }
    #top .social_bookmarks li a { font-size: 18px; }
    #top .social_bookmarks li { margin-right: 5px; }
    #top .main_menu .menu li ul a { font-size: 20px; }
    
    #megaMenu ul.megaMenu ul.sub-menu li.menu-item > a { font-size: 18px; }

    What I need to make bigger:

    #243012

    Hi!

    Please use following code in Quick CSS

    .sub_menu>ul>li>a, .sub_menu>div>ul>li>a { font-size: 14px; }

    Cheers!
    Yigit

    #243023

    That worked pretty fine. I changed the color as well but I don’t know how to apply the hover conditional on this situation. And I don’t know as well how to use the ‘text-align’ to the left b/c that didn’t work :(

    #243026

    Hi!

    Please add following code to Quick CSS as well

    #top .header_color .sub_menu ul li a:hover { color: red !important; }
    .sub_menu { right: auto; float: left; }

    Cheers!
    Yigit

    #244089

    How do I change it’s color? I mean just like that:

    <p style=”color: blue;”>item 1</p> | <p style=”color: red;”>item 2</p> | <p style=”color: green;”>item 3</p>

    #244165

    Hey!

    That’s not possible because the HTML is generated by WordPress menu function and you can’t edit it directly. But each element it’s given an ID which you can use to customize it (use the inspect element tool).

    Regards,
    Josue

    #251638

    But how exactly do I do it?

    #251645

    Hi!

    You can right click on Chrome or Firefox to inspect elements to find menu item ID http://i.imgur.com/HyPTCRg.jpg
    As following

    #menu-item-2272 a { color: red; }

    Best regards,
    Yigit

    #251653

    it changed not only the menu but all the sub-menus as well, and I had to add the !important b/c it wasn’t changing.
    How do I do to set the sub-menus back to the original color?

    #251663

    Hey!

    Please use the code as following if you would like to target only main menu item

    .av-main-nav > li#menu-item-2852 > a { color: red; }

    Regards,
    Yigit

    #251681

    This one didn’t changed anything =(

    #251717

    Hey!

    Try with this code (change the ID for the menu item you want to modify), make sure you are writing > not &gt..

    #menu-item-2852 > a { color: red; }
    

    Best regards,
    Josue

    #252747

    Still no change :(

    This is what I have for the quick css:

    #header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
    height: 125px !important;
    line-height: 125px !important;
    max-height: none !important;
    }
    
    #top .social_bookmarks { top: 20%; }
    #top .social_bookmarks li a { font-size: 18px; }
    #top .social_bookmarks li { margin-right: 5px; }
    #top .main_menu .menu li ul a { font-size: 20px; }
    
    .sub_menu>ul>li>a, .sub_menu>div>ul>li>a { font-size: 14px; color: #222222!important;}
    
    #top .header_color .sub_menu ul li a:hover { color: #333333 !important; }
    
    .header_color .avia-tt { background-color: #444444!important; }
    
    .single #av_section_1 > div > div {
        width: 1210px;
        border-right: 0;
    }
    .single #after_section_1 {
        display: none;
    }
    
    #menu-item-search > div {
    left: -200px !important;
    }
    
    #menu-item-2653 > a { color: red; }
    #252873

    Hi!

    I was trying to debug your code but your site is now displaying a 500 error:
    domussapiens.com.br

    Best regards,
    Josue

    #258519

    and how is that?

    #258749

    Hi!

    I can now see your website, try with this code:
    #top .main_menu li ul a { font-size: 16px !important; }

    Regards,
    Josue

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