Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thanks for the feedback, you can set the single-small for your category pages with this function

add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); 
function avia_change_category_blog_layout($layout, $context){
if($context == 'archive') $layout = 'single-small';
return $layout;
}

and change it to show excerpts with this function

function change_blog_archive_style() {	
	global $avia_config;
	if(!is_single()){ $avia_config['blog_content'] = "excerpt_read_more"; }
}
add_action('get_header', 'change_blog_archive_style');

the results

Best regards,
Mike

Hi,
Please see this Marquee Generator as it will help you choose all of these settings including the speed of the scroll, then just place the code it gives you in a code block element.

Best regards,
Mike

Hi,
Thanks for the login I found that you had an inline font-weight and a strong tag and in the advanced style the H1 is set to bold, so each of these point to a different bold 600-800 and the default ‘Open Sans’ font uses 600 for bold, which is showing now.
I imagine that you want to use extra-bold 800, and was going to upload it for you, but you are using a very old version of the theme and the Enfold Theme Options ▸ Import/Export ▸ Custom Font Manager is not there.
So please update from v4.2.3 to the current v4.9
This might solve the font issue, if not we can then upload ‘Open Sans’ extra-bold 800 for you.

Best regards,
Mike

Hey Manuela,
Thanks for the screenshot, those are from youtube and it says the connection was closed, this means that something blocked in like a cookie or ad blocker in your browser or an internet hiccup. I didn’t see these errors when my ad blocker is turned off

Best regards,
Mike

Hey Jak73,
Try this in a code block element
<marquee>This text will scroll from right to left</marquee>
you will want to add some style for the font size and color, etc

Best regards,
Mike

Hi,
Thanks for your patience and the login, I believe that you want the column at the bottom of tab one, with the image and button to be full-width and only show when tab one is active
To test I created a new test page, linked below, and moved the column outside of the tab section, then I added this css to your child theme stylesheet:

#top.page-id-13305 #after_tab_section_1 > .container {
    max-width: 2500px;
    padding: 0;
}

and this script to your child theme functions.php

function custom_script() { ?>
    <script>
(function($){
	setTimeout(function(){
    if ($('#top.page-id-13305 #av-tab-section-1 .av-tab-section-tab-title-container').children('a[aria-controls="av-tab-section-1-1"].av-active-tab-title').length === 0) {
    	$('#top.page-id-13305 #after_tab_section_1').css({"display": "none"});
    }
	},500);
	 $('#top.page-id-13305 #av-tab-section-1 a.av-section-tab-title').on('click', function() {
	 	setTimeout(function(){
	 	if ($('#top.page-id-13305 #av-tab-section-1 .av-tab-section-tab-title-container').children('a[aria-controls="av-tab-section-1-1"].av-active-tab-title').length > 0) {
    	$('#top.page-id-13305 #after_tab_section_1').css({"display": "block"});
    } else {
    	$('#top.page-id-13305 #after_tab_section_1').css({"display": "none"});
    }	
	 	},500);
	 });
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

both of wich will only work on the test page page-id-13305
please clear your browser cache and check if this helps.

Best regards,
Mike

Hi,
Sorry, I thought we were talking about the first image because the second one always covers the box where the first one is showing the blue background above and under.
There is not one exact size you can use for the second image as the element changes ratios at different screen sizes, sometimes it is profile and other times its landscape, the best you can do is let the image cover the element like it is right now. Your other option is to set it to contain, but this will look like the first image with the blue background above and under.
Perhaps you could set a size to the box so it doesn’t change and use a sized image for it.
Another option would be to use an image where there is more background above the lady’s head, then on mobile it can be positioned down some so the top of her head is not cut off.

Best regards,
Mike

Hi,
Thank you for your question and the link to your test page, I removed the image element inside of the color section and add a background image and a special-heading element, the color section had a costom ID of verksamhet-color-section I changed the css to this:

#verksamhet-color-section  {
      background-size: cover;
}

and I added this script to your functions.php

function custom_script() { ?>
    <script>
function setHeight(el,val){
    var box = document.querySelectorAll(el);
    var i;
    for(i = 0;i < box.length;i++){
        var width = box[i].offsetWidth;
        var height = width * val;
        box[i].style.height = height + 'px';        
    }
}
setHeight('.avia_desktop #verksamhet-color-section > .container',.40);
setHeight('.avia_mobile #verksamhet-color-section > .container',.30);



var container = document.querySelector("#verksamhet-color-section");
var inner = document.querySelector("#verksamhet-color-section .av-special-heading");
var inHeight = inner.offsetHeight;
container.style.height = window.innerHeight;
container.style.width = window.innerWidth;
var conHeight = container.offsetHeight;
inner.style.marginTop = ((conHeight-inHeight)/2)+'px';
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

now on page load the height of the color section is set based on the width of the page, with a different percentage for mobile & desktop, it also centers the special-heading vertically in the color section.
Please note that this works on page load, so if you test by resizing the browser you need to reload the page for each size. This will not affect your users as their screen size will not change after load.
I recommend using a child theme and moving this to it so it won’t be lost in updates.

Best regards,
Mike

Hey underlying,
Thanks for the link, but the login is not working, please check.

Best regards,
Mike

Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey Jak73,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

@media only screen and (min-width: 768px) { 
#top.page-id-600 .mfp-iframe-scaler iframe.mfp-iframe,
#top.page-id-600 .mfp-iframe-scaler {
    width: 507px;
    height: 507px;
    margin: auto;
}
}
@media only screen and (max-width: 767px) { 
#top.page-id-600 .mfp-iframe-scaler iframe.mfp-iframe,
#top.page-id-600 .mfp-iframe-scaler {
    width: 300px;
    height: 300px;
}
}

Best regards,
Mike

Hi,
Glad Guenni007 could help, thanks for sharing Guenni007
If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey GWS,
Thank you for your patience and the link to your pages, it looks like what you have done is good, the only other alternative I can think of is to create a script to inject the same div you have, but since you already have it that wouldn’t make sense to do.
Is there something that you don’t like about your solution?

Best regards,
Mike

Hi,
Thanks for your patience, I don’t have a lot of experience with Polylang so I added this script into your functions.php to change bei ▸ to on the English page

function layer_slider_translation() { ?>
    <script>
(function($){
  $(window).load(function(){
  	setInterval(function () {
$('html[lang="en-US"] #layer_slider_1 h6').text(function(index, text) {
    	return text.replace('bei', 'to');
		});
  }, 500);
});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'layer_slider_translation');

please clear your browser cache and check.
I recommend using a child theme and moving this to it so it won’t be lost in updates.

Best regards,
Mike