Hey!
Please add following code
.html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a { font-size: 16px !important; }
#top .av-main-nav ul a { font-size: 14px; }
and flush browser cache
Cheers!
Yigit
Hi kenwae!
Please add following code to Quick CSS in Enfold theme options under Styling tab
strong.news-headline {
color: red!important;
font-size: 14px;
}
Regards,
Yigit
Hey heufti65!
Please try adding !important rule as following
.wp-caption-text {
display:block !important;
font-size:12px !important;
font-style:bold !important;
margin:0 auto !important;
padding:3px 10px 5px !important;
text-align:center !important;
font-family: "Roboto", arial, sans-serif !important; }
And flush browser cache after applying the code. If that still does not work, please try adding the code to Custom.css file inside Enfold/Css folder of your parent theme or Style.css file of your child theme if you are using one.
Regards,
Yigit
Hey Simon!
Try adding this code to the Quick CSS:
strong.logo {
top: 0px !important;
left: 12% !important;
-webkit-transform: none !important;
-moz-transform: none !important;
transform: none !important;
}
span.avia-menu-text {
font-size: 14px !important;
}
Here’s what you’ll get:

Cheers!
Josue
You are welcome, glad we could help :)
Regards,
Josue
Hi Josue .. that worked. Thank you
Hi!
Try with this code:
.avia-menu a {
font-size: 15px !important;
}
Best regards,
Josue
I had my phone number in the header font size changed and after this latest theme update to 2.6.2 it now is not seeing the css code.
I have this code in place that was working prior to the update:
.social_header .phone-info {
line-height: 10px;
font-size: 30px;
}
Here is my website. You can see the menu looks really tiny. http://www.us-counsel.com
I copy-pasted the whole code into quick css, but nothing is happening. What else can I try?
Hi again,
Not working .. does this go in Quick CSS?
Thanks
Hey tmsgraphics4698!
Thank you for using the theme!
Please use this on Quick CSS or custom.css to change the font size:
.av-main-nav > li > a {
font-size: 15px;
}
And this one for the font color:
.header_color .main_menu ul:first-child > li > a {
color: red;
}
Best regards,
Ismael
Hi Ismael,
The menu is below … I tried this code and nothing happened changed the font size 3 different times.
http://www.jonnymango.com/
Hey!
Thank you for using the theme Guys!
Please use this to change the style of the sub menu.
#top .av-main-nav ul a {
width: 100%;
height: auto;
float: left;
text-align: left;
line-height: 23px;
padding: 8px 15px;
font-size: 15px;
min-height: 23px;
max-width: none;
text-decoration: none;
}
I hope that helps.
Cheers!
Ismael
Hey bdm55!
Thank you for using the theme!
Where did you place the menu? It is below, right or left of the logo? Please use this to change the font size:
.av-main-nav > li > a {
font-size: 15px;
}
Regards,
Ismael
Well, i know that the header was changed with the new version. And i just want to know how to move the logo to the right and how to change the size of the menu font. Hope that this is still part of the regular support?
Regards,
Simon
Hey!
The problem is caused because some titles are occupying two lines in IE, so i though changing the font-size could work, try reducing it even more (just to see if it works):
div.av-masonry-entry-content.entry-content {
font-size: 11px !important;
}
I’m currently on a Mac so i can’t check it out, but will do once i get into a PC.
Regards,
Josue
Hey Richard!
Try adding this code to the Quick CSS:
div.av-masonry-entry-content.entry-content {
font-size: 13px !important;
}
Cheers!
Josue
This reply has been marked as private.
I would like to know how to change the font size on the main navigation … this is not on a child theme.
Thanks,
Bill
I’d like to know the answer to this also …thanks But no child theme for me
Hi!
2.) You can apply the font-weight:
.av-main-nav > li > a { font-family: 'Oswald', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; }
3.) If you don’t mind, please post a screenshot of how you want the mobile menu to look like. It looks fine on my end.
Regards,
Ismael
I used to change the font size of menu and drop-down menu by using this code .bottom_nav_header.social_header .main_menu ul:first-child>li a{border-right-style: solid; border-right-width: 1px; font-size: 15px;}
It doesn’t work after I updated the theme. Please help.
Thanks.
Hi
i wanted to change the caption text css and tried it via the css quick box in enfold styling
I chnaged that
.wp-caption-text {
display:block;
font-size:11px;
font-style:italic;
margin:0 auto;
padding:3px 10px 5px;
text-align:center;
font-family: Georgia,”Times New Roman”;
}
into
.wp-caption-text {
display:block;
font-size:12px;
font-style:bold;
margin:0 auto;
padding:3px 10px 5px;
text-align:center;
font-family: "Roboto", arial, sans-serif !important; }
But nothing changed.
Thanks for answer Yigit,
1. Problem solved! Slider looks awesome!
2. The font looks pretty “fat” right now. How can i modify the fonts by myself?
3. Actually i wanted to adjust the width of the menu, I already tried to put “width: 50 %;” but it didn’t help. Any solution?
Thanks for the great support!
Mobile devices dont like it because of autoplay and HTML5 <video> tag.
BR,
Ben
Hey!
Please try adding following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 767px) {
.home #av_section_1 .container { width: 100%; }}
2-
.av-main-nav > li > a { font-family: 'Oswald', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; }
3-
@media only screen and (max-width: 989px) {
.html_mobile_menu_tablet #mobile-advanced {
height: 40%;
}}
Regards,
Yigit
Hey gang I am in need of your wonder powers!
1) On the mobile version of my site the links on my buttons and pictures are not working. However text that is linked does work. Any ideas as to what is going one?
2) I have a white space below the menu bar on my site. I know I had CSS code before that lifted my content up and filled that space but for the life of me I can’t figure out which CSS code it is and or what code I would use to lift my pages.
3) I have the code below to increase my phone number size to 22 and after the upgrade my phone number and that menu area seem to have shrunk. Any ideas?
.social_header .phone-info span {
font-size: 22px;
}
To display the caption as need I added the custom css – it’s displaying properly on Chrome, Safari and Explorer but not Firefox.
.slideshow_align_caption { top: 47%; vertical-align: inherit; }
div .slideshow_caption p { font-size: 2em; line-height: 1.5em; color:#ffffff; text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);}
Thanks.
1. The width field settings in Formidable are being overridden by Enfold CSS:
/* #Forms
================================================== */
#top .input-text,
#top input[type=”text”],
#top input[type=”input”],
#top input[type=”password”],
#top input[type=”email”],
#top input[type=”number”],
#top input[type=”url”],
#top input[type=”tel”],
#top input[type=”search”],
#top textarea,
#top select {
…
width: 210px;
…
}
2. In Formidable, if I choose the field labels to be set to “none” (rather than top, right, left, etc…) then the “block” CSS parameter overrides it:
#top label {
display: block;
font-size: 12px;
font-weight: bold;
}
It seems if I get rid of the “#top” class in the Forms area of Enfold’s base CSS, then I should be ok? I’d rather not mess at all with the base CSS. But I need to solve this is my client’s site.