Change color of Tabular Data Table Column Headers - Support

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
December 1, 2016 at 10:46 pm #719413

pmalloy
Participant

I’ve added a table displaying tabular data and want to change the background & font color of the row of column headers. Simply adding a new style for .avia-heading-row does nothing. I looked though several threads on the support site, but everything related to changing header styles relates to pricing tables and not tabular data tables, and the code for seems to be different enough to not work for me.

Example of what I want to change is at: http://malloygraphics.com/vet/ultrao3/ , On the table below Function Facts, I want the heading row that displays ‘Function’ and ‘Key Nutrient’ to be a red bkgnd with white text. Any tips on how to correct my CSS?

Thanks in advance!
— Pat

December 6, 2016 at 4:02 pm #721098

Yigit
Keymaster

Hey Pat!

Sorry for the late reply!

Currently active theme is not Enfold. If you would like us to look into it, could you please switch back to Enfold? :)

Best regards,
Yigit

December 6, 2016 at 4:09 pm #721105

pmalloy
Participant

Hey Yegit,
I’m using a child theme of Enfold, titled ‘vetaffiliate’. Just a few minor customizations to style sheet and a couple of template tweaks. Is this still not considered using Enfold?
Thanks,
— Pat

December 6, 2016 at 4:11 pm #721107

Yigit
Keymaster

Hey Pat!

Can you please check the link once again? Because site you posted is definitely not Enfold :)

Cheers!
Yigit

December 6, 2016 at 4:13 pm #721109

pmalloy
Participant

Oops, forgot to mention that I just moved the site from test server to being live at http://vetaffiliate.com

December 6, 2016 at 4:15 pm #721110
Yigit
Keymaster
Hi,

Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your table and give it a custom CSS class and then add following code to Quick CSS
```
.your-custom-class tr.avia-heading-row th {
    background: red!important;
    color: white!important;
}
```
Best regards,
Yigit
December 6, 2016 at 4:36 pm #721129

pmalloy
Participant

PERFECT! Thanks so much for your help, Yegit!

December 6, 2016 at 4:58 pm #721140

Yigit
Keymaster

Hey!

You are welcome! :)

For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

Regards,
Yigit
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Change color of Tabular Data Table Column Headers’ is closed to new replies.