I am using the Business 3 demo at the moment with the Salient theme. I used a pricing table template from the salient library, but I can't seem to remove the interval on the pricing. My prices are a one-time payment. So I don't need to show my prices 'per month' or anything. How can I remove the interval so that it looks like a one-time purchase?
Could we have a link to the page where you have this pricing table we write the CSS specifically for that page. And if the CSS does not work then we might also need temporary admin access - username password with admin privileges - we try and adjust the CSS from the backend.
Sure that's no problem. The only problem is that I don't want the interval to be removed on all the pricing tables. I got 3 pricing tables, from which 1 actually needs an interval, but the other 2 don't. Is it possible to specifically remove the interval from only those 2 pricing tables? The website is: www.madebyrobey.com. I don't mind giving the admin access, but where can I give them privatly?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
I am using the Business 3 demo at the moment with the Salient theme. I used a pricing table template from the salient library, but I can't seem to remove the interval on the pricing. My prices are a one-time payment. So I don't need to show my prices 'per month' or anything. How can I remove the interval so that it looks like a one-time purchase?
Hi Robey,
Could you try the following CSS to remove the interval part:
div.pricing-column-content span.interval{ display:none; }add it to salient \ general settings - css script related - custom css code.
Hope this help.
Hi,
I did just as you asked me to do, but it didn't work :(. Is there maybe a other solution or maybe there is something wrong with the code?
Hi Robey,
Could we have a link to the page where you have this pricing table we write the CSS specifically for that page.
And if the CSS does not work then we might also need temporary admin access - username password with admin privileges - we try and adjust the CSS from the backend.
Thanks.
Hi Andrew,
Sure that's no problem. The only problem is that I don't want the interval to be removed on all the pricing tables. I got 3 pricing tables, from which 1 actually needs an interval, but the other 2 don't. Is it possible to specifically remove the interval from only those 2 pricing tables? The website is: www.madebyrobey.com. I don't mind giving the admin access, but where can I give them privatly?
Thanks in advance!
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
/* 1st column */ .pricing-table[data-style="flat-alternative"] .pricing-column:nth-child(1) .interval { display: none !important; } /*2nd column */ .pricing-table[data-style="flat-alternative"] .pricing-column:nth-child(2) .interval { display: none !important; } /* 3rd column */ .pricing-table[data-style="flat-alternative"] .pricing-column:nth-child(3) .interval { display: none !important; }Thanks
ThemeNectar Support Team
Hi Tahir,
It worked! This is perfect. Thanks for all the effort guys. Appreciate it :)
Kind regards,
Robey