Docs

[jmartinos]

Hello,

I am currently using the X theme pricing table and need to make a few changes to it to make it more readable. Could you please advise me on how to make the following changes?

1.Increase the font size of the text directly beneath the pricing in each column.
2.Make the “Most popular!” text bold and increase the font size in the featured column.
3.Add smaller text under the last column title.
4.Remove the last and empty boxes in each column.

The URL for the page I’m working on is: http://www.eliteithome.com/lp/pricing/

Thank you in advance for your help!

[Rahul]

Hi there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[jmartinos]

I cannot provide the login credentials for this site due to security reasons. Is there another solution to making these changes?

Thank you

[Rupok]

Hi there,

Thanks for writing back. I’ll try to provide solution step by step, you will need to adjust the values according to your need.

#1. You can add this under Custom > CSS in the Customizer.

.x-pricing-column-info span {
  font-size: 16px;
}

#2. Use this to make the font-weight bold and increase font-size :

.x-pricing-column h2 span {
  font-size: 16px;
  font-weight: bold;
}

#3. You can add this under Custom > JavaScript in the Customizer.

jQuery(document).ready(function($) {
  $( ".x-pricing-table .x-pricing-column:last-child h2" ).append( "<span>Your text here</span>" );
});

Change “Your text here” with your text.

#4. It supposed to contain the CTA button but you have removed them. Let’s add this CSS to get rid of the space :

.x-pricing-column-info, .x-pricing-column-info ul {
  margin-bottom: 0;
  padding-bottom: 0;
}

Hopefully all of them will work fine as I have tested on your site. Let’s adjust the values according your need.

Cheers!

[jmartinos]

Hello,

Thank you for your response. Those worked great except for one. The #4 CSS removed the blank boxes at the end of each column except the “featured” column. Is there different CSS I can use to remove that empty box as well?

Thank you again!

[Lely]

Hi There,

You’re welcome!
Please update that custom CSS to this:

.x-pricing-column-info, .x-pricing-column-info ul {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

Hope this helps.

[jmartinos]

Perfect, Thank you!

[Rahul]

Glad it worked for you.

If you still have any issues with the theme, kindly let us know. We’d be happy to assist you with it.

Thank you.

[Author]

Posts