Changing row color on the pricing table

[afuego]

I need help changing the color of the row or setting the pricing table to a specific background color… also I would like to know how to change the font color for the font displaying the “price” and the “FEATURED SUBHEADING” font color please advise. Thank You!

[nico]

Hi @jpandino,

Thanks for writing in.

Would you mind sharing us a screenshot of what row that you want to change.

to change the price color:

.x-pricing-column-info .x-price h3 {
 color:#fff;
}

to change subheader of the price:

.x-pricing-column-info span{
color:#fff;
}

Please share us your URL so we could check your setup and we could suggest the best code for your row.

Thanks.

[afuego]

Hi @nico thank you so much for your kind response, I attached the screenshot, here’s the site url https://afuego.us its at the end, the one page navigation links are not working yet, scroll to the bottom. Thank you!

[afuego]

hi @nico, the code you suggested changed the text under the price where it says “Per Month”, it didn’t change the color for the Price value.

[nico]

Hi @jpandino

Try this code instead for your price color:

.x-pricing-column-info .x-price{
   color:#fff;
} 

Not sure what column or row background that you want to change. Please indicate or screenshot which part.

Thanks.

[afuego]

hi @nico, this works great, thank you. Still not able to figure out how I could change the background color for the rows. I want all them to be the same color and I don’t want to change the background color of the Section to white. Please advice, Thank you!

[jade]

Hi there,

Please try this code:

.x-pricing-table {
    background-color: #fff;
}

Hope this helps.

[afuego]

hi @jade Thank you! Have a great day!

[jade]

You’re welcome, you too.