Hi,

How would I set it up in shortcode? I tried doign this:

[av_one_full first]

[av_button label='Click me' link='manually,http://' link_target='' size='small' position='left' icon_select='yes' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']

[av_button label='Click me' link='manually,http://' link_target='' size='small' position='left' icon_select='yes' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']

[/av_one_full]

But it doesn’t work

Hey Elliott,

The Root of the Problem

Thanks for you help! It seems that, when one is logged out of WP, the following line disappears from the source (it actually adds support for a 300 font weight):

<link rel='stylesheet' id='open-sans-css' href='//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=4.0.1' type='text/css' media='all' />

I think this is something that needs to be fixed in Enfold’s core code (Enfold shouldn’t remove the above line for non-logged users) :) Because when this line disappears, the lowest supported Open Sans font weight is, as you mentioned, 400 (instead of 300). Seems more Enfold users have this issue and one user has added the line manually to header.php.

Solution #1 of 2

Fixes headers, but not text size issue of text between <em> tags:

However, I re-read the topic I mentioned earlier and a solution is actually given by @Josue.

Since you pointed out that Open Sans does not support a font weight of 100, I modified Josue’s function to reflect this (as Josue’s original function also calls the non-existent 100 font weight). Here’s the working result, calling all font weights supported by Open Sans:

Please Note: after adding the function below to functions.php, Open Sans has to be re-saved as Enfold’s default font. Otherwise the function will not work! So please complete the following steps:

1 – Add the following function to functions.php:

function add_open_sans_full($fonts) {
	$fonts['Open Sans'] = 'Open Sans:300,400,600,700,800';
	return $fonts;
}
add_filter('avf_google_heading_font', 'add_open_sans_full');
add_filter('avf_google_content_font', 'add_open_sans_full');

2 – Go to WP Admin > Enfold Settings > General Styling > Fonts;
3 – Select Open Sans in the 2 drop down menus (Heading Font & Defines the Font for your body text);
4 – Save Enfold’s settings;
5 – Reload your website in your browser.

The font weights (e.g. 300) should now work for both logged in and non-logged in users.

The Details re Solution #1/2 / Function #1/2

The function does not add:

<link rel='stylesheet' id='open-sans-css' href='//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=4.0.1' type='text/css' media='all' />

Instead it expands:

<!-- google webfont font replacement -->
<link rel='stylesheet' id='avia-google-webfont' href='//fonts.googleapis.com/css?family=Open+Sans:400,600' type='text/css' media='all'/>

To:

<!-- google webfont font replacement -->
<link rel='stylesheet' id='avia-google-webfont' href='//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800' type='text/css' media='all'/>

Solution #2 of 2

Fixes headers & text size of text between <em> tags… so, logged in and logged out versions look exactly the same:

I wrote a function which checks whether the following line is in the header (the line that disappears after logging out of WP):

<link rel='stylesheet' id='open-sans-css' href='//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=4.0.1' type='text/css' media='all' />

If the line is there, function does nothing. If the line is not there (e.g. when you’re logged out of WP), then the line is added.

Simply add the following function to functions.php, upload functions.php to your server and reload website in your browser (no need to re-save Enfold settings):

function add_open_sans_full() {
	if (!wp_style_is('open-sans')) {
		wp_enqueue_style('open-sans', '//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=' . get_bloginfo('version'), array(), null);
	}
}
add_action('wp_enqueue_scripts', 'add_open_sans_full');

Thanks @Elliott & @Josue!

Kind regards,

Ralph

PS: I’ll change my CSS to reflect the lowest possible Open Sans font weight (300 instead of 100).

Done but far worse.

QUICK CSS:

form#form-wysija-4 label {
display: none!important;
}
.widget_wysija_cont .updated, .widget_wysija_cont .login .message {
background-color: orange;
border-color: orange;
}

#top #payment #place_order {
float: right !important;
margin: -4px 10px 10px 0 !important;
}

.wgm-second-checkout .entry-content > div {
margin: 0 !important;
}

.header_color .cart_dropdown .dropdown_widget li a, #top .header_color .avia_cart_buttons .button, #top .header_color .dropdown_widget .buttons .button, .header_color .cart_dropdown_first .cart_dropdown_link {
color: #000000;
}

.header_color .cart_dropdown .dropdown_widget .widget_shopping_cart_content {
background: #ffffff;
color: #000000;
}

@media only screen and (max-width: 1140px) { .header-scrolled strong.logo {
left: -22%;
}}

#footer .widget_product_search.widget h3 {
padding-top: 0;
}
.header_color .cart_dropdown_first .cart_dropdown_link {
color: white;
}

.header_color .dropdown_widget_cart .avia-arrow {
background-color: white;
}

.ls-defaultskin { padding: 0; }

#top #payment #place_order { float: none!important; }

.widget_wysija_cont .updated {
height: 45px;
}

#top #payment #place_order {
position: relative;
top: 5px;
left: 65px;
}

div#header_main {
background-image: url(http://www.weinkellerei-woeber.at/weinkellerei/wp-content/uploads/2011/09/logo_linie.jpg);
background-position: 0% 50%;
background-repeat: no-repeat;
}
#header_main .container {
background-color: black;
}
.header-scrolled #header_main { background-position: 0% 68%; }

input.wysija-submit.wysija-submit-field, p.wysija-paragraph { margin: 0; float: left; font-size: 14px !important;}

div#header_main {
background-image: url(http://www.weinkellerei-woeber.at/weinkellerei/wp-content/uploads/2014/10/logo_linie.jpg);
}

#top .widget_product_search #searchform #searchsubmit { width: 65px; }

section#wysija-4 form {
margin-bottom: 0;
}

input[type=”submit”] { padding: 8px 22px; }

form.checkout.wgm-second-checkout .col-1 h3 { margin-left: 10px; }
#top div.woocommerce-message { padding: 32px 45% 32px 15px; margin-bottom: 10px !important; }

a.cart_dropdown_link {
color: #f05a1a!important;
}

.woocommerce-info {
padding-left: 45px!important;
}

#top div.woocommerce-message {
padding: 32px 0% 32px 40px;
}

.js_active .tab {
display: none !important;
}

div a.remove, .cart_totals h2, .cart_totals small { margin-left: 22px; }

@media only screen and (min-width: 2400px) { strong.logo { left: -132px; }}

Hi Yigit,

do I put it under General Styling “Main-Content” and does that lead to the fact, that only my blogpost are in a bigger font size (is what I want) ?

Thankx

Martina

Done some edits, it’s sorted now. Thanks guys!

/* Adjustments for SVG logo */
.logo img {
height: 100%;
}

@media only screen and (max-width: 767px) {
.responsive .logo img {height: 100% !important;}}

/* Subtext */
#top .av_header_transparency.av_alternate_logo_active .logo a > img {opacity: 1; filter: alpha(opacity=100); }
strong.logo, .logo a { overflow: visible; }
span.subtext { position: absolute; left: 120%; top: 0; color: white; width: 100px; font-size: 16px; font-weight: 600; }

@media only screen and (max-width: 767px) {
span.subtext { left: 100px; }}