Docs

[nickohorny]

Hi,

1) I am using the pricing table and I cannot work out how to remove the last empty row? it contained the ‘buy now’ buttons, but I just want it removed please.

2) I would like to reduce the overall text heading sizes and the price sizes.

3) How can I change the allcaps text to lowercase in the bullet points?

4) Lastly, is it possible to place ‘PER CARD’ text to the right of the price rather than underneath it? thanks.

[nickohorny]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in and the very detailed information.

1] To remove the last empty row in your pricing table, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

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

.x-pricing-column-info ul>li:last-child {
    border-bottom: none;
}

2] And to resize heading and the price sizes, you can make use of this code

.x-pricing-column h2 {
    font-size: 26px;
}

.x-pricing-column-info .x-price {
    font-size: 22px;
}

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

3] To change the lowercase, you can make use of this code:

.x-pricing-column-info ul>li {
    text-transform: capitalize
}

4] If you want to move the “Per card” text to the right side of the prices, simply update the code and make use of this one:

.x-pricing-column-info span {
    font-size: 10px;
    float: right;
    margin-top: -25px;
    margin-right: 25px;
}

Hope this helps.

[nickohorny]

Sorry for the delay, but thank you! all perfect. 🙂

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts