Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Pricing table with checkmarks and Xs.

Featured Lock Resolved Task
Hi,

This is my first post. I just bought the Developer plan. :)
I am trying to create a pricing table similar to your own: https://www.joomshaper.com/pricing#page-builder
So far, I have managed to only create the checkmarks (Check my video to understand what I need: https://i-seo.tinytake.com/tt/MzYzODI4MV8xMTAyMzY3OA), using the following custom css:

.sppb-pricing-features ul li::before {
content: "\f00c";
font-family: "FontAwesome";
color: #00aeef;
margin-right: 10px;
}


However, since I don't have access to the code of Pricing Features, because the unordered list items are created automatically, I cannot have a specific css class for the Xs and so I cannot create them. Any ideas?

Thank you in advance. :)

4 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Welcome to our forum and thanks for your query. You can easily solve your issue by adding a span tag there. You can check this screencast https://files.fm/u/zx793zpm

Here is the code to apply in the pricing feature.

<span class="check"></span>
<span class="cross"></span>


And here is the custom css

.sppb-pricing-features ul li .cross::before {
content: "\f00d";
font-family: "FontAwesome";
color: #F0622C;
margin-right: 10px;
}
.sppb-pricing-features ul li .check::before {
content: "\f00c";
font-family: "FontAwesome";
color: #00aeef;
margin-right: 10px;
}


Hope this will solve your issue.

-Best Regards

George Bissias

More than a month ago #Permalink
Thanks @Sifat, that worked great!

Sifat - Staff

More than a month ago #Permalink
You are always welcome :)


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 127
Sifat

Sifat

Total Accepted Answers: 83
Toufiq

Toufiq

Total Accepted Answers: 71
Pavel

Pavel

Total Accepted Answers: 6
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 5

114

Templates

293311

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us