Pricing Table CSS Help (font and margin padding)

[John-Paul]

Hello,

I need a few things changing for my pricing table.

1. Everything in the font Instrument Sans. It is a Google font, so it should be possible.

2. To add space/margin padding below each title and its caption.

3. To to change the font size of each column title for mobile only

[Max]

Hi there, @John-Paul

Sure, I’ll be happy to help!

1. This CSS code will help you change the font of the widget:

* {
  font-family: Instrument Sans;
}

2. Add spacing between the title and caption:

.es-title {
  padding-bottom: 10px;
}

3. Change size of the column titles on mobile:

@media (max-width: 500px) {
  .es-title {
  font-size: 15px;
}
}

Please try it out and let me know if it helped

[John-Paul]

Works great, thank you!

[Max]

It’s my pleasure