Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 20, 2020 at 5:01 am #1254227
    GabrielSenn

    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, 1 month ago by GabrielSenn.
    October 22, 2020 at 6:15 pm #1255028
    Victoria

    Hey 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,
    Victoria

    October 22, 2020 at 6:46 pm #1255042
    GabrielSenn

    Thank 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 #1255074
    Victoria

    Hi 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,
    Victoria

    October 22, 2020 at 7:19 pm #1255078
    GabrielSenn

    Thanks 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, 1 month ago by GabrielSenn.
    October 26, 2020 at 9:04 pm #1255835
    Victoria

    Hi 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,
    Victoria

    October 26, 2020 at 9:09 pm #1255836
    GabrielSenn

    My 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 #1256143
    Victoria

    Hi 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,
    Victoria

    October 27, 2020 at 5:03 pm #1256148
    GabrielSenn

    Thank you Victoria!

    October 27, 2020 at 8:00 pm #1256196
    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

    
.tableSpace table td {
  font-size: 16px;
  color: #444;
}

    What other changes do you need?

    If you need further assistance please let us know.
    Cheers!
    Victoria

    October 27, 2020 at 8:18 pm #1256206
    GabrielSenn

    This is enough for me to take it over from here Victoria. Thanks again for your help!

    October 28, 2020 at 8:36 pm #1256477
    Victoria

    Hi GabrielSenn,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.