no explicit width and height Slide Show/carousel

Chizzle685 · Post by **Chizzle685** » Wed Jan 19, 2022 10:39 am

Hello, I have a problem with Google Lighthouse. I am using Slide Show Type carousel and have enabled navigation (Enable navigation buttons). Now I get a message from Lighthouse that the image elements do not have an explicit width and height ---> /images/carousel_back.png

Can you help me?

Post by **Pablo** » Wed Jan 19, 2022 10:55 am

The image carousel currently does not have an option to include the width/height for navigation buttons.
I will add this to my todo list for a future update.

Joe_120 · Post by **Joe_120** » Wed Jan 19, 2022 6:24 pm

You could add a small amount of css to an html object (Type - Between <head></head>tags) and specify the size.

Code: Select all

<style>
#indexSlideShow1_next img, #indexSlideShow1_back img{ 
width: 30px ; 
height: 30px ;
}
</style>

In this example indexSlideShow1_next and indexSlideShow1_back are the div id's for the buttons. You will need to change these to your button id's. Don't remove the # and leave a space between the id and img. The width and height are what the div sizes are currently. To check its working change the 30px to say 60px and preview.

Joe

Chizzle685 · Post by **Chizzle685** » Thu Jan 20, 2022 9:46 am

Thank you very much

Joe_120 · Post by **Joe_120** » Thu Jan 20, 2022 6:08 pm

Thanks for the feedback

www.wysiwygwebbuilder.com

no explicit width and height Slide Show/carousel

no explicit width and height Slide Show/carousel

Re: no explicit width and height Slide Show/carousel

Re: no explicit width and height Slide Show/carousel

Re: no explicit width and height Slide Show/carousel

Re: no explicit width and height Slide Show/carousel