-
AuthorPosts
-
October 20, 2020 at 5:01 am #1254227
Hello :)
I am working on some tables that will need some rather specific formatting, not matching the packaged CSS styles on the ENFOLD tables tool (content element).
However, I seem to be picking up lot’s of styling from the build in CSS for tables. Is there a way to disable the CSS that comes with the theme just for the tables, so that I can use my own CSS in my child theme?
Thanks in advance!
- This topic was modified 4 years, 2 months ago by GabrielSenn.
October 22, 2020 at 6:15 pm #1255028Hey GabrielSenn,
You need to give your tables a custom class and write the css for those tables.
If you need further assistance please let us know.
Best regards,
VictoriaOctober 22, 2020 at 6:46 pm #1255042Thank you Victoria,
If it isn’t too much to ask and you know of one, could you please provide an example?
Thank you in advance!
October 22, 2020 at 7:14 pm #1255074Hi GabrielSenn,
Do you have a page with the table that needs to be adjusted via CSS? It’s easier to do it on the existing page.
And how do you need to change it?
Best regards,
VictoriaOctober 22, 2020 at 7:19 pm #1255078Thanks again Victoria,
This is probably outside the scope of your responsibility, but as an example, if you look at this page: https://dev.mediabox.ca/1/partners/provincial-steering-committees/ontario/ … I would need to control the type size of some labels (e.g. “Habitat Retention” needs to be bigger), and control the background colour for each row (rather than having them shaded on alternate rows).
Cheers!
- This reply was modified 4 years, 2 months ago by GabrielSenn.
October 26, 2020 at 9:04 pm #1255835Hi GabrielSenn,
Sorry for the late reply.
I cannot see the page, I am taken to a 404 page.
Do you still need help with this?
Best regards,
VictoriaOctober 26, 2020 at 9:09 pm #1255836My bad Victoria, the URL has changed and I forgot to put a redirect. The sample is here now: https://dev.mediabox.ca/1/partners/provinces/ontario/
October 27, 2020 at 4:47 pm #1256143Hi GabrielSenn,
Please add custom classes to the rows or cells that you want to adjust and we can come up with the css for that :) And even give a class to the table itself.
Best regards,
VictoriaOctober 27, 2020 at 5:03 pm #1256148Thank you Victoria!
October 27, 2020 at 8:00 pm #1256196Hi!
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
.tableSpace table td { font-size: 16px; color: #444; }
What other changes do you need?
If you need further assistance please let us know.
Cheers!
VictoriaOctober 27, 2020 at 8:18 pm #1256206This is enough for me to take it over from here Victoria. Thanks again for your help!
October 28, 2020 at 8:36 pm #1256477Hi GabrielSenn,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.