Hi!

Please add following code to Quick CSS instead

#top #payment label { font-size: 15px; }

Best regards,
Yigit

Hi!

Yes it does. If you would like to adjust them seperately, you can use following code

.js_active .toggler { font-size: 20px; }
.js_active .tab { font-size: 16px; }

Cheers!
Yigit

Hi langor!

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

.js_active .toggler,.js_active .tab { font-size: 16px; }

Cheers!
Yigit

Hi DaraEmerson!

1- You can use following classes

.alternate_color .iconlist_content, .main_color .iconlist_content { color: red; }

2- You can right click on Chrome and on Firefox and click Inspect Elements to find out page ID’s http://i.imgur.com/TrDQ84Y.jpg and add your code as following

body.page-id-734 { font-size: 16px; }

3- Are you not using responsive layout?
4- You can turn on debugging mode to see shortcodes of the layout you have build in avia layout builder. Please see http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

Best regards,
Yigit

Hi Chris!

You can use this on Quick CSS to change the title:

.iconbox .iconbox_content .iconbox_content_title {
border: medium none;
padding: 2px 0 0 0;
position: relative;
margin: 0 0 16px 0;
clear: none;
overflow: hidden;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 19px;
}

Use this one for the iconbox content:

.iconbox_content_container {
font-size: 15px;
color: red;
}

Best regards,
Ismael

Hi mrtechnique!

You can use this filter on functions.php to add google fonts:

add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Source Sans Pro'] = 'Source Sans Pro:400,600,800';
return $fonts;
}

add_filter( 'avf_google_content_font',  'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Source Sans Pro'] = 'Source Sans Pro:400,600,800';
return $fonts;
}

Replace Source Sans Pro with the font that you want. Which headings are you trying to change? You can use this for the body font:

body, body p {
font-size: 15px;
}

Cheers!
Ismael

Hey!

Please add following code to Quick CSS in Enfold theme options under Styling tab

@media only screen and (max-width: 1340px) {
.iconbox .iconbox_content .iconbox_content_title { font-size: 13px; overflow: visible; }}

Regards,
Yigit

• This reply was modified 12 years, 3 months ago by Yigit.

Hey!

Please add following code to Quick CSS as well

.main_menu ul:first-child > li > a { font-size: 16px; } /* changes the font size of main menu */
#top .main_menu .menu li ul a { font-size: 15px; } /* changes the font size of dropdown menu */
.header_color .main_menu ul:first-child > li > a { color: red; } /* color of main menu items */
.header_color .main_menu ul:first-child > li a:hover { color: blue; } /* hover state of main menu items */
.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: orange; } /* color of active menu item */

Best regards,
Yigit

Hey pc37075!

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

.avia-button.avia-size-large {
padding: 15px 30px 13px;
font-size: 20px; }

Font size is 13px by default and i have not changed padding values as increasing font size already makes button bigger, if you want to increase padding, please adjust it as well

Best regards,
Yigit

Hi!

You can use this:

h1 {
font-family: 'Raleway', sans-serif;
font-weight: 600;
font-size: 20px;
}

h2 {
font-family: 'Raleway', sans-serif;
font-weight: 500;
font-size: 14px;
}

Regards,
Ismael

Hi Lead!

Edit css > base.css, find this code on line 363:

.image-overlay .image-overlay-inside:before{content:"\E869"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; }

Replace the content value “\E860” with a different fontello icon.You can refer to this link for more icon codes: http://www.entypo.com/characters/

Regards,
Ismael

Hey TFT!

That is not possible at the moment. You can only adjust the width of the tooltip. Use this on Quick CSS:

#top .avia-icon-tooltip {
width: 500px;
font-size: 15px;
line-height: 1.6em;
}

Best regards,
Ismael