Tagged: opacity, Photo Background, Pricing Table
Hiya!
I’m using a photo background for my pricing tables and would like to lower their opacity just a little bit, so that the photo shines through. Is this possible and if so, how?
Thanks for your help!
Daniel
Hey SpanishPlanet!
Are you using a photo inside the pricing tables or are you using CSS to set the background image of the tables? Can you send us a link to your page so we can take a look?
Regards,
Elliott
Hi Elliot,
Sorry for my late response!
I’m using the pricing table within a color section which is set to display a photo as a background. Would be great if you could have a look at it and let me know if there is a solution.
Thanks for your help!
Daniel
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.main_color .pricing-table li.avia-pricing-row, .main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-pricing-row .pricing-extra, .main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-heading-row .pricing-extra {
background: rgba(185,33,33,0.8);
}
.main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even), .main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra {
background: rgba(255,255,255,0.8);
color: black;
}
Regards,
Yigit