Hey guys,
So I have been searching for a way to change only some of the colors in the pricing-table together with the font size.
The font size I managed to change,
but I would like to change the colors ONLY for the highlighted column in the pricing list…that I couldn’t find how to do.
the page: http://www.gilingo.de/pages/pricing
Basically I’d like to mage the middle column in different colors..but I wasn’t able to.
I figured is a property or code I’m not familiar with, any chance you can share it with me?
Thanks in advance,
Elad.
Hi VJLoops-GT!
Thank you for contacting us,
That is a bit outside of our support policy.
You need to use
https://www.w3schools.com/cssref/sel_nth-child.asp
to style the property of a column ( the nth(2) ).
It is better to hire a freelancer to help you out with it.
Let us know.
Best regards,
Basilis
Thanks Basilis :)
I did find something with that function:
li.avia-heading-row {
background-color: red !important;
}
li.avia-pricing-row {
background-color: green !important;
}
.main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra {
background-color: orange;
}
But as you can see if makes a different effect…I will try to play around with that..
I knew lots of CSS 5 years ago but forgot it all haha…happens..
Thank you for your kind help,
Elad.