Thanks for the response we will see how to fix this.

Hi Ismael, thanks for the code but I can’t get it to work. When I pasted the code in a demo site i have running also with enfold and I can select Cookie for headings and josefin sans for tekst and it show correct in the example (see screen 1).

But when I saved the styling it changes to Arial for tekst and also on the front end cookie is not the heading text (see screen 2 & 3).

screen1: https://imgur.com/GXZtZXC
screen2: https://imgur.com/NZdt3iu
screen3: https://imgur.com/uuqSpAg

This is the code I use:

add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
   $fonts['Cookie'] = 'Cookie:400';
   return $fonts;
}

add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts)
{

$fonts['Google fonts']['Josefin Sans New'] = 'Josefin Sans:100,100i,300,300i,400,400i,600,600i,700,700i&subset=latin-ext';
return $fonts;
}

Hi Ballis, the font is not removed it has changed.

So now all fonts are thicker i want to revert back to other thickness but font-weight doesnt apply so i have to add the josefin sans font again with different font-weights but i dont’t know how to add it. Hope this makes more sense :)

This shows my problem: https://forum.blocsapp.com/t/stumped-about-josefin-sans-and-recent-weight-change/1848

I tried adding different font weights llike this:

add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Cookie'] = 'Cookie:400,700';
$fonts['Cookie'] = 'Cookie:400,700,400italic,700italic';
$fonts['Josefin Sans'] = 'Josefin Sans:300,200,100,400,500,600,700';
$fonts['Josefin Sans'] = 'Josefin Sans:400,700,400italic,700italic';
return $fonts;
}

add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts)
{

$fonts['Cookie'] = 'Cookie:200,400,700,400italic,700italic';
$fonts['Cookie'] = 'Cookie:200,400,700';
$fonts['Josefin Sans'] = 'Josefin Sans:300,200,100,400,500,600,700';
$fonts['Josefin Sans'] = 'Josefin Sans:400,700,400italic,700italic';
return $fonts;
}

But during inspect it looks like it only loads 2 font weights.

//fonts.googleapis.com/css?family=Cookie:400,700,400italic,700italic%7CJosefin+Sans:400,700,400italic,700italic

• This reply was modified 7 years, 2 months ago by vonwelzen.

Great Andy!!! Thanks for the Css If anyone else has this problem you can change background color of the overlay you can use this css:

.mfp-bg {
    background: #000000;
    opacity: 1 !important;
}

https://vimeo.com/158738552 This is the video it is Full HD. 1920px by 1080px. Is it possible to just make it standard full screen no matter the screen size of the user? This way it is also responsive.

Hi Andy, Thanks for your quick reply. We have gone over all the settings and we can’t find any difference. I have made 2 copies of the sites on a staging environment. Below are the details. Are we missing something ? I can’t see the difference in settings :(

Could you please elaborate the steps I have to take to create a blog page with the same timeline? Please feel free to change the blog page to the timeline layout if it is possible.

Vinay,

The username and password are placed in the private data. I will also provide you with the site that has the blog i want. I cannot export it as I am not the creator of this website

• This reply was modified 8 years, 1 month ago by vonwelzen.

I know these are the shortcodes for the section. But is it possible to load these AVIA shortcodes after the content on every page with hook like ava_after_main_container. or use shortcodes like echo do_shortcode(“[shortcode]”); Thanks in advance for the great help!

[av_section min_height='75' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='demo-aanvragen' color='main_color' custom_bg='' src='http://www.elephantdevelopment.nl/ricru/wp-content/uploads/2015/02/demo-aanvragen.jpg' attachment='583' attachment_size='full' attach='parallax' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.8' overlay_color='#0e76bc' overlay_pattern='' overlay_custom_pattern='']
[av_one_full first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_heading tag='h1' padding='10' heading='<strong>Gratis demo</strong>' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='40' subheading_active='subheading_below' subheading_size='20' custom_class='']
Wil je ervaren hoe recruitment weer leuk wordt voor jou? Vraag de gratis demo aan en we laten het je zien.
[/av_heading]

[/av_one_full][av_one_third first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[/av_one_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_codeblock wrapper_element='' wrapper_element_attributes='']
[contact-form-7 id="1244" title="Contactformulier 1"]
[/av_codeblock]

[/av_one_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[/av_one_third]
[/av_section]

[av_section min_height='' min_height_px='500px' padding='no-padding' shadow='no-border-styling' bottom_border='no-border-styling' id='code-block' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
[av_codeblock wrapper_element='' wrapper_element_attributes='']
<div class="demo-cta">
  <a href=#demo-aanvragen>
    <img src=/ricru/wp-content/uploads/2016/07/demo-aanvragen.png>
  </a>
</div>
[/av_codeblock]
[/av_section]

• This reply was modified 8 years, 2 months ago by vonwelzen.

Oke this will make the button dynamic but can I also make the demo blok on the bottom of the page dynamic so if I were to change the text of the bottom content section it would change on every page?

This is the answer: for anyone who has the problem as well:

function(element) {
jQuery(document).on(‘click’, ‘.mute-video’, function (){
if (jQuery(“video”).prop(‘muted’)) {
jQuery(“video”).prop(‘muted’, false);
jQuery(this).addClass(‘unmute-video’);

} else {
jQuery(“video”).prop(‘muted’, true);
jQuery(this).removeClass(‘unmute-video’);
}
});
}

I also got some information from the guys at layer slider themselves. they told me this:

Hello,

You need to put the HTML to an “HTML / Video / Audio” layer, the CSS into the CSS Editor that can be found on the WP sidebar and the javascript code into a callback function or you can use a delegated event with the jQuery .on() function.

—
Kind Regards,
Attila – Kreatura Media Support

I don’t know the correct markup for this function jQuery .on() function. Could you guys help in this matter?

• This reply was modified 9 years, 1 month ago by vonwelzen.