-
AuthorPosts
-
February 26, 2014 at 12:25 am #229266
How do I change the submenu font size?
February 26, 2014 at 1:12 am #229289Hey 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,
YigitFebruary 26, 2014 at 3:50 am #229382That didn’t change anything
February 26, 2014 at 4:46 am #229416Hi!
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,
IsmaelMarch 25, 2014 at 9:46 pm #243001March 25, 2014 at 9:54 pm #243004Hi!
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!
YigitMarch 25, 2014 at 10:02 pm #243009The 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:
March 25, 2014 at 10:15 pm #243012Hi!
Please use following code in Quick CSS
.sub_menu>ul>li>a, .sub_menu>div>ul>li>a { font-size: 14px; }
Cheers!
YigitMarch 25, 2014 at 10:57 pm #243023That 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 :(
March 25, 2014 at 11:08 pm #243026Hi!
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!
YigitMarch 27, 2014 at 10:18 pm #244089How 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>
March 28, 2014 at 2:59 am #244165Hey!
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,
JosueApril 15, 2014 at 3:21 pm #251638But how exactly do I do it?
April 15, 2014 at 3:28 pm #251645Hi!
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,
YigitApril 15, 2014 at 3:39 pm #251653it 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?April 15, 2014 at 3:52 pm #251663Hey!
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,
YigitApril 15, 2014 at 4:22 pm #251681This one didn’t changed anything =(
April 15, 2014 at 6:07 pm #251717Hey!
Try with this code (change the ID for the menu item you want to modify), make sure you are writing > not >..
#menu-item-2852 > a { color: red; }
Best regards,
JosueApril 17, 2014 at 3:45 pm #252747Still 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; }
April 17, 2014 at 8:52 pm #252873Hi!
I was trying to debug your code but your site is now displaying a 500 error:
domussapiens.com.brBest regards,
JosueApril 30, 2014 at 9:27 pm #258519and how is that?
May 1, 2014 at 6:10 am #258749Hi!
I can now see your website, try with this code:
#top .main_menu li ul a { font-size: 16px !important; }
Regards,
Josue -
AuthorPosts
- You must be logged in to reply to this topic.