Change text color on widget button (Price Table)

[Waller]

Hi, I wondering if its possible to change the widget button to white text instead of grey. I use a script that makes all of the other buttons on price-tables white, but wont appear here. See image:

Also, is it possible to make price-tables smaller on my frontpage (mobile view) as they are on my sub page? See image:

[Prasant]

Hello Max,

Thanks for writing in!

@Waller

I wondering if its possible to change the widget button to white text instead of grey.

Please add following CSS under Pro > Theme Options > CSS:

.x-pricing-column-info .x-btn {
    color: #fff !important;
}

@Waller

is it possible to make price-tables smaller on my frontpage (mobile view) as they are on my sub page?

Sure. To make the necessary changes, please walkthrough following steps.

• Inspect the Section that’s holding the Pricing table element by clicking on Search Icon.

• Under Customize > Setup > Class give a class name.

• After that add following CSS under Pro > Theme Options > CSS:

@media only screen and (max-width: 600px) {
  .adjust-table .x-pricing-table {
    width: 90% !important;
    margin: 10px auto;
}
}

Please change class name adjust-table (section class) as per your choice.

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[Waller]

@Prasant

@media only screen and (max-width: 600px) {
.adjust-table .x-pricing-table {
width: 90% !important;
margin: 10px auto;
}
}

Thanks for the quick support as always!

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.