This topic has 8 replies, 2 voices, and was last updated 8 years by 
-
-
Hi
I follow some threads and try to create customised pricing table but I have two problems.
I use following codes in PMPro:
<p style=”font-size:40px; color:#0095c2;”>$6.65 </p>
<p style=”color:#0095c2;”>/ month</p><br/>
<p style=”font-size:18px; color:#fb2053;”><strong>Save 33%</strong></p><li class=bullet-item>Unlimited Live Chat </li>
<li class=bullet-item>Premium Support </li>
<li class=bullet-item:unavailable>Create Groups </li>
<li class=bullet-item>Unlimited Private Messages </li>1) As attached photo, can the vertical space of price (second row) be closer and condensed? Something wrong in my HTML code?
2) How can I create an unavailable item for “Create Groups”? I use “bullet-item:unavailable”.
I’m not very good in coding..
COPY CODE<p style=”font-size:40px; color:#0095c2;”>$6.65 </p> <p style=”color:#0095c2;”>/ month</p><br/> <p style=”font-size:18px; color:#fb2053;”><strong>Save 33%</strong></p> <li class=bullet-item>Unlimited Live Chat </li> <li class=bullet-item>Premium Support </li> <li class=bullet-item:unavailable>Create Groups </li> <li class=bullet-item>Unlimited Private Messages </li>Hi I use <span> to solve the first question.
Would you please tell me how to create an unavailable item?Hello, if you mean the icon and color for stuff that are not included at a level, add this to style.css of child theme
COPY CODE.no-item:before { font: 13px 'FontAwesome'; content: "\f058"; color: #c20000; margin-right: 6px; }And use this to add the stuff
COPY CODE<li class=no-item>Unlimited Live Chat </li> <li class=no-item>Premium Support </li>Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
Oh sorry i forgot this one, add it to style.css of child theme 🙂
COPY CODE.no-item { background-color: #fff; padding: 15px; text-align: center; color: #333; font-size: 14px; font-weight: normal; border-bottom: dotted 1px #ddd; }Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
Glad to help!
If you are happy with the support please rate us 5 stars and give us a nice comment at themeforest 🙂 It will help us!Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
You must be logged in to reply to this topic.
