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

Hi,
There are two ways to do this, the first is outlined in our documentation here: How to add Custom Social Icons to Enfold options
Or if you are going to use an image you caan replace the rss-feed-icon with this css in your Quick CSS:

.social_bookmarks_rss a:before{
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png) no-repeat center center;
    background-size: contain;
}

just adjust the image to suit and clear your browser cache.

Best regards,
Mike

Hi,
Thank you for your patience and the link to your page, your first image in the text block behaves differently because it is not a background image like your second one.
An image in a text block is wrapped in a paragraph tag that adds some margin and it’s display is set to inline-block.
We can adjust this with css and set it to cover the element, similar to how a background image does.
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

.flex_column.av_two_fifth .avia_textblock > p {
	margin: 0;
}
.flex_column.av_two_fifth .avia_textblock > p > img {
	display: block;
	object-fit: cover;
	height: 327px;
	width: 455px;
}

it will work on your first image but you will not want this to work on all images because it could cause conflicts and the height and width must be set, so I recommend adding a custom class to your column and adjusting the css above to match.
If your not sure how to adjust the css, then add a custom class to your column and tell us so we can advise.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for your patience and the link to your post, as you know when the Advanced Layout Builder is used to open a Classic Editor post it will show the content in a plain text element, this is the correct behavior.
In your case, it is showing Advanced Layout Builder elements that have different content, I have seen this in the past when the same page or post was edited in both editors, this is why we do not recommend using both editors on the same page or post, or switching back and forth.
To correct this please decide which editor you want to use for this post, then copy that content to your desktop in a plain text editor, then delete the content and save the post, then view the frontend and try editing it again in the other editor and delete that content, then view the frontend again and finally edit the post in the editor you want to use and use your saved content to recreate and save.
You may want to clear and disable any caching plugins and server cache, if it is an “object” cache such as Memcached, Redis, Varnish, Litespeed

Best regards,
Mike

Hey seferdemirci,
Thank you for your patience, from your snippet above I can’t see if you are using the add_action('template_redirect', '...');
So I tested creating a custom 404 page with the Advanced Layout Builder page and set this in the theme options

then added this function in my child theme functions.php

function is_category_to_custom_404(){
  if( is_category() ) {
    global $wp_query;
    $wp_query->set_404();
  }
}
add_action('template_redirect', 'is_category_to_custom_404');

and now when I try to go to a post category I see the custom 404 page, try to see if you can model this for your needs.

Best regards,
Mike

Hey advteksol,
Thanks for the login, I added this css to your Quick CSS:

#top.page-id-821 #main .togglecontainer .toggle_wrap.active_tc .toggle_content {
    background-color: #072f4c;
    color: #fff;
}

I added the page ID so it will only work on the FAQ page so it won’t interfere with other toggles on your site.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks Guenni007
GoodfishGroup_Marketing were you able to sort this out, shall we close this then?

Best regards,
Mike

Hi,
Thank you for sharing your filter, 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 Chris,
Thank you for your patience, the scrolling effect of the Horizontal Gallery has two options, one is to enlarge the active image and move to the next with each click, the second doesn’t enlarge the image but it also moves to the next with each click, it doesn’t “scroll” through the images it “steps” through them.
To change this would require re-writing the script, a better solution is to enlarge the current image so that the users will know which image is active.
I see that you say you are using this for products, perhaps the Product Slider (see the top element “Recent Top Sellers”) would be a better option as it slides the way you wish.
Anyways to add a caption & sub caption below the Horizontal Gallery you first need to add a image title and alt in the media library, not the caption in the Horizontal Gallery

then add this code to the end of your functions.php file in Appearance ▸ Editor:

 function horizontal_gallery_subline(){
    ?>
    <script>
(function($){
         $('.av-horizontal-gallery-link').css({'bottom':'30px'});
         $('.av-horizontal-gallery-img').each(function(){
             var imgTitle = $(this).attr('title');
             var imgAlt = $(this).attr('alt');
             $(this).after('<span class="title-under-image">' + imgTitle + '</span><span class="alt-under-image">' + imgAlt + '</span>').css({"margin": "-20px 0"});
             $(this).css({'padding-bottom' : '20px','background-color' : 'transparent'});
             $('.title-under-image').css({"display":"block","text-align": "center","color": "#000","font-weight":"bold"});
             $('.alt-under-image').css({"display":"block","text-align": "center","color": "#444"});
         });

 })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'horizontal_gallery_subline'); 

the results expected are this

Best regards,
Mike