HI,
I would like to make a card on the coworking demo a carousel. I would like to have several different cards with only one card (data image) showing at a time. I attached an image with the card circled I would like to become the carousel.
I tried using code from carousel page and could not get it to work with cards. I got frustrated and returned code back to your original. Any help on creating a card carousel would be very welcomed.
Thank You,
Paul
Hello,
This is Definitely Possible. Consider using the following code:
<div class="row mb-6">
<div class="col-3">
<div class="carousel-widget owl-carousel" data-items="1">
<div class="oc-item p-2">
<div class="card shadow-sm border-light">
<img src="demos/coworking/images/features/1.jpg" alt="Featured image 3" class="card-img-top">
<div class="card-body">
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
<div class="oc-item p-2">
<div class="card shadow-sm border-light">
<img src="demos/coworking/images/features/1.jpg" alt="Featured image 3" class="card-img-top">
<div class="card-body">
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
<div class="oc-item p-2">
<div class="card shadow-sm border-light">
<img src="demos/coworking/images/features/1.jpg" alt="Featured image 3" class="card-img-top">
<div class="card-body">
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
</div>
</div>
</div>This will definitely work fine. 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