Hi,
I have made a data table with 4 columns.
First column (Default column), Second–Fourth column (Center Text column).
I would like to change the first column to bold text. Do you have a Quick-CSS for that?
I already have this in my Quick-CSS:
#top .avia-heading-row {
background: #9e0000;
color: white;
}
.main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even) {
color: inherit!important;
}
#top .avia-table td, #top .avia-table tr, #top .avia-table th, #top .avia-table tr th:first-child, #top .avia-table tr td:first-child {
border-color: #e1e1e1;
}
Hey Jakob,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Hi,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.main_color .avia-heading-row th strong {
color: #fff;
}
#top td strong {
color: #666;
}
If you need further assistance please let us know.
Best regards,
Victoria
Thanks, but I really not see what the css-code does… Is it just not for the colour?
I use the “strong-code” in the tables, and it works.
Hi,
Yes it is for the color, that is the question about, right?
Best regards,
Basilis
No, it was bold text for the first column I was asking for.