Owl carousel images are squeezed.

4 replies · opened Jul 6, 2020

Llsualeng13Jul 6, 2020

I copy owl carousel slider from One-page demo and using html. All of images are squeezed. Trying to set .oc-items height doesn't help.
I have copy all css file just like in the one-page demo

How can I fix this and which css file is the .owl-carousel in?

Llsualeng13Jul 6, 2020

The code I copy:

<div id="oc-clients" class="owl-carousel topmargin image-carousel carousel-widget" data-margin="80" data-loop="true" data-nav="false" data-autoplay="5000" data-pagi="false" data-items-xs="2" data-items-sm="3" data-items-md="4" data-items-lg="5" data-items-xl="6">

						&lt;div class="oc-item"&gt;[

attachment
](#)</div>
<div class="oc-item">
attachment
</div>
<div class="oc-item">
attachment
</div>
<div class="oc-item">
attachment
</div>
<div class="oc-item">
attachment
</div>
<div class="oc-item">
attachment
</div>
<div class="oc-item">
attachment
</div>
<div class="oc-item">
attachment
</div>
<div class="oc-item">
attachment
</div>
<div class="oc-item">
attachment
</div>

					&lt;/div&gt;
SSemicolon WebSTAFFJul 6, 2020

Hello,

Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Llsualeng13Jul 7, 2020

I've got a fix of this. I rip the owl carousel of from demo page but it didn't work so I instead took the code from owl carousel slider and it works wonder. Thanks.

SSemicolon WebSTAFFJul 7, 2020

Hello,

Glad the issue was resolved. We will investigate on why there was an issues.

Using the Codes directly from the Documentation: http://docs.semicolonweb.com/docs/shortcodes/carousel/ might work as well.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard