ID18 - Content Card Text - 3 Cards In Row
The quick brown fox jumps
The quick brown fox jumps over the lazy dog
The quick brown fox jumps
The quick brown fox jumps over the lazy dog
The quick brown fox jumps
The quick brown fox jumps over the lazy dog
The quick brown fox jumps
The quick brown fox jumps over the lazy dog
The quick brown fox jumps
The quick brown fox jumps over the lazy dog
The quick brown fox jumps
The quick brown fox jumps over the lazy dog
- Select the CARDS Group
- Select Content Cards component
- Create a data source within a page or globally based on your requirements.
- Select Variant - 3 cards in row
- Click on Title / Tag - to update the text
- Click on Edit Related Items
- Go to Data source and delete one card
- click on save/close
- Go to styles select Background color variant as per your requirement
- Save it
Developer notes
<div class="component content-cards three-in-row">
<div class="component-content">
<div class="container">
<div class="row">
<div class="content-card ">
<div class="card-section ec-clickable-card ">
<h2 class="title">Cards</h2>
<p class="tag">
<span style="color: #646b6b;">consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
</p>
</div>
</div>
<div class="content-card ">
<div class="card-section ec-clickable-card ">
<h2 class="title">Cards</h2>
<p class="tag">
<span style="color: #646b6b;">consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
</p>
</div>
</div>
<div class="content-card ">
<div class="card-section ec-clickable-card ">
<h2 class="title">Cards</h2>
<p class="tag">
<span style="color: #646b6b;">consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
</p>
</div>
</div>
</div>
</div>
</div>
</div>