[Tony]

in reply to: Countdown Date & Time

Do you mean define the countdown using the number of days ? If so, I dont think its possible with Uikit countdown element. Its using the ISO 8601 format

[Tony]

in reply to: Pricing Table

Glad to hear that bro 🙂

[Tony]

in reply to: Pricing Table

Thank you 🙂

[Tony]

in reply to: Pricing Table

This reply has been marked as private, meaning that only the original poster and forum moderators can see the content of the reply.

[Tony]

in reply to: Pricing Table

SURE, We will add match height feature for Grid layout soon for all particles that using grid layout system.

I just added match height feature for the pricing table, you can see here https://imgur.com/a/gErwrup
Simply check the check box to set the same height for all columns 🙂

NOTE: Source code added below, simply download and replace the pricing table particle and check the checkbox setting for match height

[Tony]

in reply to: Pricing Table

I will take a look this case and will find the solution for the next update.

[Tony]

in reply to: Pricing Table

No problem 🙂

[Tony]

in reply to: Pricing Table

You are welcome

[Tony]

in reply to: Pricing Table

Here the custom code for example

<h2 class="jl-h3">
Compare All Features    </h2>
<div><div class="jl-overflow-auto">
<table class="jl-table jl-table-striped">
<thead>
<tr>
<th>Features</th>
<th>Basic</th>
<th>Standard</th>
<th>Advanced</th>
</tr>
</thead>
<tbody>
<tr>
<td>Lorem ipsum dolor sit amet</td>
<td>3 Users</td>
<td>9 Users</td>
<td>Unlimited</td>
</tr>
<tr>
<td>Lorem ipsum</td>
<td>1 GB / Team member</td>
<td>10 GB / Team member</td>
<td>20 GB / Team member</td>
</tr>
<tr>
<td>Consetetur sadipscing</td>
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum dolor</td>
<td>Unlimited</td>
</tr>
<tr>
<td>Ipsum dolor sit amet consetetur elit</td>
<td>Lorem ipsum</td>
<td>Ipsum dolor</td>
<td>Unlimited</td>
</tr>
<tr>
<td>Sit amet consetetur elit</td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
</tr>
<tr>
<td>Dolor sit amet consetetur</td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
</tr>
<tr>
<td>Lorem ipsum dolor sit amet</td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
</tr>
<tr>
<td>Ipsum dolor sit amet</td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
</tr>
<tr>
<td>Dolor sit amet consetetur</td>
<td><img class="jl-text-danger" src="images/sampledata/pricing-cross.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
</tr>
<tr>
<td>Lorem ipsum dolor</td>
<td><img class="jl-text-danger" src="images/sampledata/pricing-cross.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
</tr>
<tr>
<td>Consetetur sadipscing elit</td>
<td><img class="jl-text-danger" src="images/sampledata/pricing-cross.svg" jl-svg></td>
<td><img class="jl-text-danger" src="images/sampledata/pricing-cross.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
</tr>
<tr>
<td>Lorem ipsum amet consetetur</td>
<td><img class="jl-text-danger" src="images/sampledata/pricing-cross.svg" jl-svg></td>
<td><img class="jl-text-danger" src="images/sampledata/pricing-cross.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
</tr>
<tr>
<td>Lorem ipsum dolor</td>
<td><img class="jl-text-danger" src="images/sampledata/pricing-cross.svg" jl-svg></td>
<td><img class="jl-text-danger" src="images/sampledata/pricing-cross.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
</tr>
</tbody>
</table>
</div></div>

[Tony]

in reply to: Pricing Table

Could you please share your link ? Here an example about Masonry https://getuikit.com/docs/grid#masonry and demo with grid gallery http://demo.joomlead.com/particles/index.php/particles/gallery (scroll down to Masonry layout support section)

[Tony]

in reply to: Pricing Table

You should set the columns for tablet to 03, if you want to assign the columns for small devices, try landscape mode or mobile column settings.

[Tony]

in reply to: Pricing Table

The reason to add !important for the jl-background that you can “force” the background color which assigned via layout sections (if any). so you can use custom background color of particle setting with blend mode option.

[Tony]

in reply to: Pricing Table

I just checked the particles package in local and I can change the background color with blend mode option. Is it work if you remove the css code above ?

[Tony]

in reply to: Pricing Table

The Masonry feature used for Grid system only, it does not support slider mode 🙂

[Tony]

in reply to: Pricing Table

Please take a look content tab then scroll down to “Column Settings: Choose the columns on each devices for slider or grid content style.”
Did you set your columns here for special devices ?