Increase size of text and decrease padding with CSS

Ask the Community Customization
1

Hello, I’m using the Pricing table widget. I’d like to make the text for the pricing area a good bit bigger. I can’t seem to make it bigger than about 40px right now. And I’d like to reduce the padding around it so that it sits pretty close to the title section and features. I’ve attached a screenshot of what I would ideally like it to look like.

Widget here: https://www.avocadoventures.co/

Screen Shot 2022-08-15 at 3.27.44 PM
Screen Shot 2022-08-15 at 3.27.44 PM2028×1128 282 KB

1 Like
4

Hello @user598, welcome to our forum, it’s great to see you join! :hugs:

I’m happy to say that our developers have put together a CSS code that should cover all the issues you described.

Please insert the code below right after the current codes in your widget:

.eapps-pricing-table-column-price-text {
  font-size: 50px !important;
}

.eapps-pricing-table-column-price-currency {
  font-size: 0.5em !important;
}

.eapps-pricing-table-column-price-container {
  padding: 0 !important;
}

Please let me know if it helped :slight_smile:

5

This is a huge help! Thanks so much.

1 Like
6

Happy to help! :hugs: