Hi Ismael,

I have this set to 512×512
However on the website they are displayed in different size. Please see attached links.

Thanks

Hi Mike,
My problem is not the image quality. I am aware of the EWWW plugin and image optimization stuff.
I disabled this and uploaded full quality jpg, but on the website it is downsized to lower resolution and becomes blurry. I am really seeking for an answer regarding the resolution. The original image is 512×512. Disregard the format, jpg or webp. I am looking for a way to have these images displayed on my site in this resolution. And not downsized to 321×321 and get blurry for example.
So actually looking for a solution so the images stay sharp.
see below in private >
Also in category overview page downsized to 420×410>
see below in private

Thanks,
Marco

Hi Ismael,

The fix was a setting that would add the widget by default to the main content area. After I manually added the widget to the sidebar, it resulted in double widget. Long story short, it was just a setting I did not notice.
Thanks for your time on this.
The AJAX however still has to be disabled in the plugin, else the sidebar is forced to the footer area and the layout breaks.

Thanks

Hi Ismael,

Thanks for the reply. I do understand MP4 is widely supported. But WebM is much more efficient encoded and thus smaller. I think the current way to go should be to use WebM with MP4 as fallback,

When I open the Video element in Avia builder I see this next top the video select field >

Note with self-hosted HTML5 videos:
Different browsers support different file types (mp4, ogv, webm). If you embed a video example.mp4, the video player will automatically check if a video example.ogv and example.webm is available and display these versions in case it is possible and necessary

So this implies that the expected fallback should be somehow implemented right ?

Thanks

Thanks a lot Rikard !

Yes, it seems that it makes a difference. Is this know to be different ? Child theme style.css file versus Quick CSS ?

Thanks

Hi Mike,
You did help me out with a solution. Sorry for the confusion.
The CSS now seems like an extra to make the slider a bit smaller on the home page.
The script you provided works perfect to fix the changing of size on mobile devices. This is perfect, thanks.

Do you have a fix for the non-home pages so the size stays the same ?
Thanks a lot in advance

Hi Mike,

I added the code to functions.php
As I can see it seems to work as expected. Can you tell me where I need to set max height when I use this script ?

I did not remove the CSS however that did the original fix on the homepage

.home #full_slider_1 .avia-slide-wrap,
.home #full_slider_1 .av_slideshow_full .av-slideshow-caption {
    max-height: 480px;
}

Can it be removed ?

For the other pages I have no slider so its okay as it is now I think. However I would be of course interested in code for other pages than the home page as this might be a needed fix for the future.

Thanks in advance.

Hi Ismael,

My mistake, the CSS I use on the home page slider is :

.home #full_slider_1 .avia-slide-wrap,
.home #full_slider_1 .av_slideshow_full .av-slideshow-caption {
	max-height: 480px;
}

It sets the max height for the slider images and makes the caption align in the center, so that is good. However on smaller resolutions and mobile this doesn’t work.

Thanks

Hi Mike,

The first solution made my divider disappear, the second works perfectly.

So this one did it for me:

#top #main .color-section-divider {
clip-path: inset(0 0 90% 0);
}

Thanks

Hi Ismael,

Thanks for the reply.
So the full screen video background has the audio control issues you described. The solutions mentioned in the thread you refer to are far from ideal for me.
So I have to fall back to the regular video insert. Here audio controls work as expected. However, I dont have the option in the video player to go full screen. Any ideas on how to add this full screen button to the player ?

Thanks

Hi Nikko, Victoria,

Thanks a lot. The Icons are visible now.

Thanks !