Hey bemodesign,
Try this css:

.dsidx-xlistings-list.dsidx-xlistings-large .dsidx-photo {
    max-height: 318px;
    max-width: 392px;
    position: relative;
}

After applying the css, please clear your browser cache and check.
For some reason, the height of the images was zero, but defining the height in the plugin css rule seems to correct.

Best regards,
Mike

Hi,
Try this css:

#top .social_bookmarks_facebook a:before {
	color: blue;
}
#top .social_bookmarks_facebook:hover a:before {
	color: white;
}
#top .social_bookmarks_instagram a:before {
	color: #a67658;
}
#top .social_bookmarks_instagram:hover a:before {
	color: white;
}
#top .social_bookmarks_linkedin a:before {
	color: #419cca;
}
#top .social_bookmarks_linkedin:hover a:before {
	color: white;
}

before scroll it looks like this:

and on hover it looks like this:

but since on scroll your header is black I don’t know what color you want for not on hover:

on scroll and hover looks good:

Best regards,
Mike

Hi,
Sorry we were not able to help with this one, 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,
I see you have some custom shortcode elements in your child theme, when I switch to your parent theme this error doesn’t seem to occur, I also tested on my demo site and can not reproduce this so I believe that it is related to your custom shortcode elements in your child theme.

Best regards,
Mike

Hi,
Thank you for your patience, I examined your page carefully and tried everything I could think of and was not able to see a cause or a solution.
Can you disable all of the plugins on the test site to remove that possibility, and then reply back, perhaps Ismael will see something I missed after the weekend.
Thank you for your patience.

Best regards,
Mike

Hi,
Your script is not going to work because the mobile item is not present until the burger menu is clicked, so when the page loads and the script runs the #top #av-burger-menu-ul .menu-item-21615 is not found.
CSS works because the rule is always available not just on page load, using the CSS solution for this simple rule is the best option but if you really want a script to do it instead try this one:

function custom_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
  (function($){ 
  	$('#menu-item-21615').css({'display':'none'});
    $('.avia_mobile').on('click', '.av-burger-menu-main', function() {
    $('#top #av-burger-menu-ul .menu-item-21615').css({'display':'none'});
    });
  }(jQuery));
});
</script>
  <?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hi,
Thanks for your feedback and the screenshots, the http:// in the page code that I see in the screenshots are for empty links,

Typically the default http:// or https:// is based on your WordPress install, I would check your
WordPress ▸ Settings ▸ General ▸ Site Address
and
WordPress ▸ Settings ▸ General ▸ WordPress Address
to ensure your site is using https://
I tested on my demo site which is https:// and all default links are also https://
Your third screenshot for http://www.w3.org/2000/svg is an XML namespace defined in the Scalable Vector Graphics (SVG), these do not interfere with https:// as it is incorrect to use https in the namespace values. Those values are defined namespace constants. They are not real URLs. (source)

I also see this is a Block element and not a theme element.

Best regards,
Mike

Hi,
Guenni007 thanks for your input, your css worked good for my demo site:

#top #main img[src*=".svg"],
#top #main svg {
  width: 1000px;
}

But the AddType image/svg+xml .svg .svgz in my htaccess file didn’t help.
I found this article on how to test your site for Support of SVG as img and added the test to my site and it returned true and it showed the test SVG without add your css for width.

So it seems my site is supporting SVG as a img without the htaccess code.
For some reason the animated SVG that Monika linked to needed a width set with css to show on my site, perhaps this was by design, but since it was linked in the Private Content area I don’t think I should share publicly so you can also test, perhaps Monika will post publicly, but it seems the main issue was the animation was not working, hopefully the steps I posted above will help.
Thanks again Guenni007

Best regards,
Mike

Hey Sabine,
Thanks for your patience, when I check your site between 1024px – 768px before the 3 columns become single columns the text for most of the columns is too much pushing some of the buttons into the lower image. True one column has extra space above the lower image but the text is less and the columns are equal height, I assume this is important.
I recommend changing the brake into a single column earlier around 1024px to correct.
Try this css:

@media only screen and (max-width: 1024px){
.responsive #top #wrap_all #angebot .flex_column.av_one_third {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
}
.responsive #top #wrap_all #angebot .flex_column_table_cell {
    float: none;
    display: table-row;
}
}

For 768px the height is still a lot, try adding the lower image as a image block and add a background color to the column, instead of adding the large image as a background image for the whole column, this way the lower image will stay under the button.

Best regards,
Mike

Hi,
This is very strange, from your error log above the /index.php file can’t be found:

[Mon Jan 30 17:54:33 2023] [error] [client 78.60.200.13:39562] script ‘/home/www/Folktreff_KN/index.php’ not found or unable to stat
[Mon Jan 30 17:54:34 2023] [error] [client 78.60.200.13:39574] AH01276: Cannot serve directory /home/www/Folktreff_KN/: No matching DirectoryIndex (index.html,index.cgi,index.php,index.php5,default.html,default.htm,index.htm,index.shtml,index.wml,index.html,index.htm,index.php) found, and server-generated directory index forbidden by Options directive

but via FTP we see the /index.php file I don’t know why your server is giving this error.
Your webhost provider didn’t see this error?

Best regards,
Mike

Hey tixxpff,
Sorry for the late reply and thank you for your patience, but unfortunately there is not a way to do this by only importing a CSV file.
After importing your products you will need to switch each product page to use the Advanced Layout Builder and then apply the ALB elements to the page.
You could Enable the Avia Layout Builder Debugger and copy your ALB shortcode from your first product page and apply it to your other pages so you won’t need to manually add the elements.

Best regards,
Mike

Hey Monika,
Thanks for the link to your SVG, below I linked to my test page where the animation is working.
I installed the SVG Support plugin and enabled the Advanced Mode ▸ Force Inline SVG
Then I had to set the height and width for the SVG that I placed in an image elegant, I guess you won’t need to do that as you are already seeing the image.

.wp-image-3772.avia_image  {
	height: 100%;
	width: 100%;
}

And now the image is animating for me, hopefully this helps.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, 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,
I see that you have this custom css:

@media only screen and (max-width: 767px){
.myslider {
    margin-left: -40px;
    margin-right: -25px;
    margin-top: 25px;
    margin-bottom: 0.5px;
}
}

To center the items please change it to this:

@media only screen and (max-width: 767px){
.myslider {
    margin-top: 25px;
    margin-bottom: 0.5px;
}
}

and then add this css:

@media only screen and (max-width: 767px) { 
.responsive #top #team .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
    padding: 0;
    font-size: 0.85em;
    display: flex;
    justify-content: center;
}
}

Then to show the arrows remove your custom css:

.avia-slideshow-arrows.avia-slideshow-controls {
    opacity: 0;
}
.avia-slideshow-arrows {
    display: none !important;
}

Then add this css:

#top #team .avia-slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a {
    opacity: 1;
}

Please see the screenshot in the Private Content area of my test results.

Best regards,
Mike

Hi,
Thank you for your patience, when I check your example page in the back end I don’t see any background colors or background images set in the color sections on the page.
As I understood your posts above I thought you had background colors and images set in the color sections that were not showing on the frontend, am I understanding this correctly?
/wp-content/uploads/avia_posts_css was used prior to 5.3 and was only kept for cache backward compatibility, it is no longer used.
Saving the Theme Setting after the update should have copied the css files to /wp-content/uploads/dynamic_avia/avia_posts_css after the update, but it would not change the element settings and when the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression is disabled those css files would not be called and the element settings would take over.
I see your Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression is disabled now.
Can you identify which elements on that page don’t show the expected background colors or background images, perhaps I missed it.
The Grid element at the top of the page shows a background color and image and it shows on the frontend, is this the only element?
If this is true and the issue is when you enable the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression because the css is calling the wrong path, I recommend copying the /wp-content/uploads/avia_posts_css files via FTP and adding them to the /wp-content/uploads/dynamic_avia/avia_posts_css folder manually.
Perhaps a security plugin or file permissions are not allowing the move automatically.

Best regards,
Mike