Hey HulaSlim,
Thanks for your question, as I can tell from the Helper Lite for PageSpeed plugin page it

Speed up your site with attributes decoding=”async” & loading=”lazy” for <img> and <iframe>. Removes problem “Does not use passive listeners to improve scrolling performance”. Help to Up Your Google PageSpeed Insights Score.

so this is mostly to get a better PageSpeed Insights Score, the theme already has a lazy load option so the “async” attribute may help with PageSpeed Insights Score but not too much with overall load time, I don’t think that it would conflict with LiteSpeed, but I would disable it until after setting up LiteSpeed and getting a good load time.
I would recommend setting up LiteSpeed first and don’t add any other caching right away, as there may be a issue with supercache, since LiteSpeed works on your server it should work better, at least try it first.
The TinyPNG image compression plugin will work well with LiteSpeed and should help with image sizes.
You can also enable compression in your .htaccess file if you add this code to it:

<IfModule mod_deflate.c>
AddType x-font/woff .woff
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE font/opentype font/ttf font/eot font/otf
</IfModule>

Best regards,
Mike

Hey CharlieTh,
Thank you for your patience, to see the free LayerSlider templates go to the LayerSlider and click Browse Templates

Then click Sliders and then the Free filter

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#testimonialtemp .avia-testimonial-wrapper {
  background: url('https://mygolfcoaches.com/wp-content/uploads/2023/08/horizantalgolfbackground.jpg');
  background-size: contain; 
  padding: 50px;
  margin: 0;
}
#testimonialtemp .avia-slideshow-arrows a {
  transform: translateY(150%);
}
#testimonialtemp .avia-testimonial-content.av_inherit_color p,
#top #testimonialtemp .avia-testimonial-wrapper .avia-testimonial-name {
  color:#fff;
}
#top #testimonialtemp .avia-slider-testimonials.av-control-minimal-dark .avia-slideshow-arrows a {
    color: #fff;
}
#top #testimonialtemp .av-control-minimal-dark .avia-slideshow-arrows a:before {
    border-color: #fff;
}

I assumed that you wanted the text and arrows white also so I included that css, this is the expected results:

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Please also include FTP access so we can use FileZilla and ensure the directory path is “/” so we can access the root of your site. Or perhaps the OVH net2ftp will be ok.

Best regards,
Mike

Hey ballindigital,
Thank you for the link to your site, I looked at your footer, but the phone number is white like all of the other text, so this seems correct.
Your other footer items seem centered but the first two widgets are in two columns, the credit card images and the contat form are full width, and would not fit as two columns, so I’m not sure what you would want to change in the footer, Please see the screenshot in the Private Content area and explain what you want to change, perhaps a mockup would help.

Best regards,
Mike

Hey Dzimnikov,
Thank you for the link to your site, it looks like the testimonials are in a color section that is light green now, have you tried adding the background image to the color section, or do you want the background image limited to the testimonials only with the light green also showing?
To make the arrows smaller on mobile devices try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 500px) { 
#top #testimonialtemp .av-slideshow-ui.av-loop-endless .avia-slideshow-arrows > a, #top #testimonialtemp .av-slideshow-ui.av-loop-manual-endless .avia-slideshow-arrows > a, #top #testimonialtemp .av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide, #top #testimonialtemp .av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide {
	    width: 30px;
	    height: 30px;
}
#top #testimonialtemp .av-control-minimal .avia-slideshow-arrows a:before {
    line-height: 30px;
}
#top #testimonialtemp .av-large-testimonial-slider .avia-slideshow-arrows a {
    font-size: 20px;
}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the link to your site, I believe that this is a object-oriented cache issue, as all of the page elements are in their start state of hidden.
I cloned your homepage and saved is as “test-home” linked below and all of the lower columns that create a grid used Column Animation, once I changed this to no animation all of the columns showed, I also did this with the yellow “call-to-action” column so it now shows. But unfortunately there is no way to remove the animation from the slider.
Nonetheless I know you want animation on your page, I tried clearing your Lite Speed Cache and disabling the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression but this didn’t help.
I recommend trying to disable the Lite Speed Cache completely and empty the server Lite Speed Cache in order for your site to allow the animation to work, I’m not sure how long it will take the server to clear the cache. Then you can enable the Lite Speed Cache again with the very minimum settings, I not sure which setting is casing this, but I kind of recall an issue with object-oriented cache in the past.
Please check the test page below, and try this.

Best regards,
Mike

Hey Diana,
Thanks for the screenshot and the link to your site, but the login is not working, nonetheless I examined the slider and on the frontend the scale is 2.1%, that is more that double:

I believe the issue is a misunderstanding, you want to set the scale to how much larger that you want it, if you want it 100% larger, or double in size, you would choose 100%
So in your case choose 10% to make it 10% larger, or a total of 110%. I tested this on my install and it works, please try.

Best regards,
Mike

Hi,
I have adjusted it so both are 450px, please clear your browser cache and check.

Best regards,
Mike

Hi,
We didn’t do anything, perhaps it was caching, shall we close this then?

Best regards,
Mike

Hi,
I think it’s from the iframe on your homepage, try removing this and checking again. Often plugins will also load fonts so if you are still seeing this try disabling your plugins to see if this helps.

Best regards,
Mike

Hey limesolutions,
Unfortunately not, you would need to use a search plugin for that but I don’t know which one could do this as I have not tested any for this feature.
Sorry I was not more help.

Best regards,
Mike

Hi,
Thanks for your patience, please try to manually import a theme demo.
Are you using the webhost OVH? They have a issue that we have not been able to resolve, To work around this try importing your demo on a localhost install and using the Duplicator plugin to migrate/clone it to your OVH host, this has worked for other OVH users.

Best regards,
Mike

Hey Robyone925,
Have you tried the Partner/Logo Element it has slider animation in the options.

Best regards,
Mike

Hi,
Thank you for your patience and the recap, I see that Nikko’s solution works for /who-we-are/ because it uses 1/5 + 4/5 columns
On /anja-vogt/ you are using 1/5, 3/5, 1/5 columns so try this css:

@media only screen and (max-width: 1366px) { 
	#top.page-id-549 .av_three_fifth {
		width: 100%;
	}
	#top.page-id-549 .av_one_fifth.el_before_av_three_fifth,
	#top.page-id-549 .av_one_fifth.el_after_av_three_fifth {
		display: none;
	}
}

If you use the same layout for your other pages you can remove the page ID: .page-id-549 from the css.
To remove the sticky header between 768px and 1366px try this css:

@media only screen and (max-width: 1366px) { 
	.html_header_sidebar #top #wrap_all #header.av_always_sticky {
    position: absolute;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike