Forums

C5 Slideshow Block not responsive

Permalink
Is there a quick fix to make the default C5 slideshow block responsive? It inputs a height that can't be overwritten with CSS since the output code shows the image as the background of a div.
kcummins
 
enlil replied on at Permalink Reply
enlil
Have you tried adding "width: 100%;" to the containing div?
kcummins replied on at Permalink Reply
kcummins
The width is fine, it's that the code is putting in the image height. So this height is the actual height of my image, but I can't get the height to auto resize in proportion to the width. My media queries adjust the width with no problem, but the height always stays the same. 

<div id="slideImgWrap0" class="slideImgWrap" style="display: block; top: 5px; opacity: 0; z-index: 1;">
<div style="height:340px; background:url('..file path to my image/mainimage1.jpg') center no-repeat"> </div>
</div>


I'm just surprised that with the great work Concrete5 has done the past few years, the slideshow isn't responsive. Is there a tweak?