This reply has been marked as private.
Hi Michael!
You want to increase the size correct? Add this to your custom CSS.
#footer [data-av_icon]:before { font-size: 25px !important; }
Best regards,
Elliott
Hi!
@teeramusic, Instead of using strong tags try adding this to your custom CSS.
.avia-heading-row th {
color: #f05a1a !important;
font-weight: bold !important;
}
@axelfx07, Try this out.
@media only screen and (max-width: 767px) {
.responsive .avia_responsive_table .avia-data-table td:before {
font-size: 17px !important;
}
}
Best regards,
Elliott
-
This reply was modified 11 years, 1 month ago by
Elliott.
Hi simonac!
Please add following code to Quick CSS and adjust as needed
#top .av-subnav-menu > li > a {
font-size: 16px;
}
Regards,
Yigit
Hi,
how can i change the font size of the full width submenu element?
Thanks Simon
Hi!
Have you tried changing the icon font size – http://screencast.com/t/1HbYLP9fk4NO?
Best regards,
Josue
Hey havi!
Try and paste the following code to your Quick CSS:
#top #wrap_all .social_bookmarks, #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li {
font-size: 110% !important;
}
If you are concerned with usability on your site, you should probably consider changing the colour of the social bookmarks to a darker colour since your background image is very light in some places.
Best regards,
Rikard
This reply has been marked as private.
Hi guys!! :)
Google is complaining :( (It’s always complaining!) How can I make the entypo-fontellos for the top menu bar a little bit larger?
Site: http://targetlatino.com/
Thank you soooo much!
Warmly,
Havi
Here’s the rest of what they are asking.
Mobile Usability > Touch elements too close
Make sure your links and buttons are far enough apart. Learn more.
Size tap targets appropriately
Some of the links/buttons on your webpage may be too small for a user to easily tap on a touchscreen. Consider making these tap targets larger to provide a better user experience.
The following tap targets are close to other nearby tap targets and may need additional spacing around them.
The tap target Twitter and 5 others are close to other tap targets see screenshot.
Hi!
Please add following code to Quick CSS
@media only screen and (max-width: 1300px) and (min-width: 990px) {
.av-main-nav > li > a { padding: 0 6px; }
#top #header .av-main-nav > li > a { font-size: 13px; }
.logo * { max-width: 90%; top: 15px; }
.avia-menu.av_menu_icon_beside { padding-right: 0; margin-right: 5px; }}
and then Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px
Best regards,
Yigit
Hey janetgot!
Thank you for using Enfold.
1.) Use this to fix the header:
.html_header_top.html_header_sticky #header {
position: fixed;
z-index: 10000;
}
2.) You have this code on the style.css file which affects the image on the 3rd column:
.avia-builder-el-14, .avia-builder-el-15, .avia-builder-el-17, .avia-builder-el-18 {
width: 200px;
font-size: 110%;
}
If you want to modify specific elements on the theme, enable the custom css class on the advance layout builder: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Best regards,
Ismael
Hi Iternis!
Try adding this to Quick CSS:
#advanced_menu_toggle, #advanced_menu_hide {
font-size: 36px !important;
}
Best regards,
Rikard
Hey!
Alright. Please try this on Quick CSS:
.entry-content-wrapper div li {
text-indent: 0;
font-family: Istok Web;
color: #919792;
font-weight: 400;
font-style: normal;
text-decoration: none;
text-transform: none;
font-size: 14px;
}
Cheers!
Ismael
I have a number of Special Headings in my Enfold WP website.
They displayed correctly in the beginning.
Now they are not displaying the Special Heading but instead are displaying the ‘code’ – see below:
’h2′ class=’av-special-heading-tag’ itemprop=”headline” style=’padding-bottom:’27′px;font-size:’50′px;’>’What
This is what they think …….
Any suggestions?
Regards,
Tony
Hi Gunter.
thanks.
I forgot to ask …..
What code should I add in order to increase the font size for the titles in the Main Menu?
Hi,
I have an easy slider with the button added by shortcode
[av_button label='Check Rates on Friendly Rentals' link='manually,http://www.friendlyrentals.com/PropertyDetails.aspx?CultureCode=en-GB&RegionId=123&PropertyId=6288&OrigenId=226&ControlConfig=5' link_target='_blank' size='medium' position='left' icon_select='yes' icon='ue803' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']
However the button’s default state shows an underline on the icon and the text of the button. How do I remove it from all states. (it is not present on hover)
Hey onedesignprint!
Thank you for using our theme.
In custom.css or Enfold->Styles->QuickCSS put the following and adjust the values:
.phone-info {
font-size: 15px !important;
}
#top .social_bookmarks {
font-size: 15px !important;
}
Cheers!
Günter
Hi!
Decrease the font of the top menu:
@media only screen and (max-width: 767px) {
.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul {
float: left;
width: auto;
text-align: left;
margin: 0;
position: relative;
padding-left: 0;
top: 2px;
}
.sub_menu>ul>li>a, .sub_menu>div>ul>li>a {
font-size: 9px;
padding: 2px 0;
}
}
Remove browser cache then reload the page.
Regards,
Ismael
Hey charlotteraboff!
Thank you for coming back.
Try to add the following and adjust the values:
#main .content p { font-size: 16px !important; }
.title_container .main-title { font-size: 24px !important; }
Cheers!
Günter
Hi,
I can´t find where I can set the font size for the Heading and content area.
Thanks
Charlotte
Yes I have been. I have the following in my quick css
.avia-image-container-inner:hover img {
-webkit-transform: scale(1.05,1.05);
-moz-transform: scale(1.05,1.05);
transform: scale(1.05,1.05);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#footer .widgettitle {
font-weight:300!important;
text-transform:none!important;
margin-bottom:19px;
}
#mc4wp_email{background-color:#ffffff!important;color:#784678!important;}
.home #header {
background-color: rgba(0, 0, 0, 0.0);
}
#top .social_bookmarks li a, .phone-info, .phone-info a {
color: #ffffff!important;
font-size: 14px;
}
But this element is the ALTERNATIVE HEADER BAR BACKGROUND colour. I have set it via the admin panel to be #4951a8
As you can clearly see. And as you can also see nothing in my quick css conflicts with it. So why are the changes I am implementing in the admin panel not coming through the front of the site
Hi!
Please add following code to Quick CSS as well
@media only screen and (max-width: 850px) {
.iconlist_content p {
font-size: 12px;
}}
Regards,
Yigit
Hello Elliott,
I did it like this now and it works fine:
`@media only screen and (max-width: 850px) {
.avia-icon-list .iconlist_title { font-size: 12px !important; }
}
Is there a way to make the content text of the Icon List also smaller?
Thank you very much!
Bernd
Hi axelfx07!
Please paste the following code to Quick CSS:
@media only screen and (max-width: 767px)
.responsive .avia_responsive_table .avia-data-table td:before {
font-size: 17px !important;
}
The previous font size was 11px, I set it to 17px. Please increase or decrease that value to achieve a larger or smaller font size. This code will only affect tablets and phones.
Regards,
Rikard
-
This reply was modified 11 years, 1 month ago by
Rikard.
Hi Bernd!
Add this to your custom CSS.
@media only screen and (max-width: 479px) {
.avia-icon-list .iconlist_title { font-size: 14px !important; }
}
Best regards,
Elliott
Hi,
after setting up a brand new enfold installation, I can not reproduce the demo like under “http://kriesi.at/themedemo/?theme=enfold” any more. After the Demo import, the font size and the dropdown menu appears larger as in your Demo and the 1130 pixels boxed layout appears larger as well. This problem I have now for the first time with Enfold. Any ideas why this might be?
Thanks!
Cheers,
Alex
Hi sjidesign!
1. + 2. Try adding this to your custom CSS.
@media only screen and (max-width: 767px) {
div.phone-info { font-size: 14px !important; }
div.custom_text { left: 0px !important; }
}
3. First off do this, http://kriesi.at/documentation/enfold/custom-css-and-quick-css/, and then add a custom class to the textblock element. You can then use some CSS on that class like #1 and #2 to reduce it’s font size on smaller screens.
Regards,
Elliott
Hi colapsnux!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
a#advanced_menu_toggle:before {
content: 'menu';
font-size: 15px;
}
Cheers!
Yigit
Hello,
I realized that the two columns with included icon lists on homepage http://www.bebm.de is not really responsive.
The headlines of the icon list are cut when you resize the desktop browser window to a smaller size and when you see it in mobile version it is even cut more of the headline.


How can I change may be the breakpoints when it switches to another resolution or change the font size of the headline of the icon list?
Thanks for Help
Bernd
Hey!
Please add following code to Quick CSS as well
.entry-content-wrapper .post-title { font-size: 28px; }
Uzgunum daha onceden gormedim gonderinizi, (Email address hidden if logged out) adresinden ulasabilirsiniz :)
Regards,
Yigit