Price Plan

Hi,

Can we add icon or image elements on top or bottom of the price plan table?

Hello @jasper,

Thank you so much for using our theme and contacting us.

Unfortunately, at the moment our price table element doesn’t have a field to upload your icon. But you can easily achieve this by adding a “Single image” element directly after or before the table with Visual Composer and it will look exactly as you need. Write us if you need some help with this.

Kind Regards

Hi,

Please let me know how.
By the way, how we create the price plan buy now button link compatible with paypal payment button?

Hi,

Just edit your page in admin panel using Visual Composer and add your icons right before the price plan using Visual Composer “Single image” element. How exactly do you want to make button compatible with PayPal? you can insert any link for the button including paypal service.

Regards

Hi,

This not responsive align, please see screenshot, i can’t add single image according to the column.

Could you please provide us your admin access and send us the image that you want to add there? We will try to add it for example for you.

I want to add this image on top of the pricing table.
Appreciated if you can make a sample.

Thank you. We have added one example for you, please check.

Thanks

You are welcome.

Hi,

May i know how to make one of the column bigger compare to other?

Hello,

Actually, our theme pricing tables look absolutely different. But we can help you making one table higher than others. You need to add “Extra class” for this table and send us link where we can see it.

Regards

Yes, it look different, just see have option to make it bigger or not.

Try to add this code snippet to the Custom CSS section in Theme Settings

.label-color-red.basel-price-table {
    margin-top: -15px;
}
.label-color-red.basel-price-table .basel-plan-features {
    padding-top: 40px;
    padding-bottom: 40px;
}

Regards

How can I change the arrangement of the price plan to be aligned on the top instead of middle? See attachment.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this CSS snippet to Theme Settings > Custom CSS:

div.pricing-tables-wrapper .pricing-tables {
    align-items: flex-start;
}
.pricing-tables .basel-price-table:nth-child(1) {
        margin-top:200px;
}
.pricing-tables .basel-price-table:nth-child(2) {
        margin-top:100px;
}

Best Regards

Elise,

I did add in the Custom CSS in Theme Settings > Custom CSS but it still the same. Can you guide me please.

Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

Please replace the provided sniped with this one:

div.pricing-tables-wrapper .pricing-tables {
   align-items: flex-start;
}

-----------------------------
div.pricing-tables-wrapper .pricing-tables {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

Best Regards

Thank you Elise.

You are welcome! If you have any questions feel free to contact us

Best Regards

[Author]

Posts