Padding for text in Pricing Table element

[COK]

i’m trying to add padding to the top area of the content for my pricing table element columns, see screenshot: https://imgur.com/a/FJrCS

i’ve added this to custom css:

.x-pricing-column-info ul>li {
  padding-left: 5;
  padding-right: 5;
}

but it seems to only work for the text inside [cs_icon_list_item] and not the text I have at the top from my screenshot: https://imgur.com/a/FJrCS

can you assist?

site: https://tinyurl.com/ya9h4yug

thank you

[nico]

Hi @COK,

Thanks for writing in.

As I check your setup, that div does not have any class or id so you could modify it.

It would be best that you will insert the text inside a div and add style to it or add div class to the texts so that you can style it.

hope it helps.

Let us know how it goes.

Thanks.

[COK]

Thanks for the reply. I’ve tried wrapping the text in a custom div, this here:

<div class="pricing"> content goes here </div>

And the css:

.div-pricing {
    padding-right: 5px;
    padding-left: 5px;
}

still not working unfortunately: https://tinyurl.com/ya9h4yug1

[friech]

Hi There,

Instead of applying the padding to the content, lets apply the padding to the container.

.x-pricing-column-info .pricing {
	padding-left: 10%;
    padding-right: 10%;
}

Hope it helps,
Cheers!

[COK]

Unfortunately this is still not working. Here’s an updated link: https://tinyurl.com/ya9h4yug

[jade]

Hi there,

Please add an inline padding to the div that contains the text like this:

<div style="padding:0 25px; font-size:75%;">
    <strong>Plus  a printable/e-coupon for free or discounted product for VegPledgers + a minimum of four VegWeek shares on your social media.</strong>
</div>

Hope this helps.

[COK]

Thanks… my HTML is scary to look at but it’s working.

[friech]

We are delighted to assist you with this.

Cheers!