Modifying pricing table

[apashanota]

Hi. I purchased your theme and I’ve been very happy with it. I’m mostly done with my site, but I’ve run into a minor pickle. I’m trying to create a multi-colored pricing table by using the highlight option. All I need to do is adjust either the regular column or the highlighted column’s HTML so that I can make both the highlighted or non-highlighted columns the same height. I’m really close. I just can’t get the top adjusted. I can’t figure out what file I need to modify to do that. Can you point me to the right file or give me any suggestions to modifying this one part? I’ve attached a picture of my progress.

site URL:
sabertooththrowdown.com/securedlogin
Username: livemesh
PW: tvK&k*^nZ2J27Bw^)MPUH0g#

[apashanota]

This reply has been marked as private.

[Veena]

Pls insert the following custom CSS in themeoptions –

.pricing-table .pricing-plan.highlight {
    margin-top: 0;
}
.pricing-table .pricing-plan.highlight .top-header {
    padding-top: 20px;
}

[apashanota]

Thanks! That fixed the issue.

I’m now struggling with adjusting the bottom. I added new lines of text to the pricing table that shifted the two on the right so the bottom is no longer even. My client will likely adjust the text over the next few years off and on. Is there a way to adjust the middle sections so that regardless of text-edits – they stay the same / consistent height?

The login that will take you to my site is now sabertooththrowdown.com/securedlogin.

Thanks!

Best,
Deborah

[Veena]

This reply has been marked as private.

[apashanota]

I’ve corrected it, but now the pricing tables are even more uneven because the ones on the right are an entire space shorter. Is there a way to even them out completely?

Thanks.

Deborah

[Veena]

Pls share a valid login credential to your site, will take a look.

[apashanota]

This reply has been marked as private.

[Veena]

Can you pls provide admin rights?

[apashanota]

This reply has been marked as private.

[Veena]

Pls use the following custom CSS in themeoptions –

.pricing-plan .plan-details {
    height: 300px;
}

You can adjust the height accordingly, and this is the only fix.

[Author]

Posts