Page 1 of 1

no explicit width and height Slide Show/carousel

Posted: Wed Jan 19, 2022 10:39 am
by Chizzle685
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?

Re: no explicit width and height Slide Show/carousel

Posted: Wed Jan 19, 2022 10:55 am
by Pablo
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.

Re: no explicit width and height Slide Show/carousel

Posted: Wed Jan 19, 2022 6:24 pm
by Joe_120
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

Re: no explicit width and height Slide Show/carousel

Posted: Thu Jan 20, 2022 9:46 am
by Chizzle685
Thank you very much

Re: no explicit width and height Slide Show/carousel

Posted: Thu Jan 20, 2022 6:08 pm
by Joe_120
Thanks for the feedback