Avada Forums Community Forum Table Styling – Where?

Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • KRDPrint
    Participant
    Post count: 1

    I may be overlooking something very obvious here, but with the Avada theme there doesn’t seem to be any options to adjust the table styling, and flicking through the css and php files I can’t find where the styling is tucked away in order to overwrite it (or create my own).

    Currently the cell outlines are a completely different colour to the entire site and I’m pulling my hair out trying to find the css for it!

    Thanks.

    marklchaves
    Participant
    Post count: 873

    Hi,

    Are you referring to the Table Element? Have you read this yet?

    https://theme-fusion.com/documentation/fusion-builder/elements/table-element/

    Without seeing what you are doing, I’ll just throw this out there. I don’t think you need to directly edit any CSS or PHP files if you are using Avada. Of course, there’s always that option to edit these server files directly e.g. child theme style.css and functions.php. But, if are using the Fusion Builder, these cases shouldn’t be too often.

    You might want to scope out these docs if you haven’t yet.

    https://theme-fusion.com/documentation/avada/how-to/how-to-apply-custom-css/

    https://theme-fusion.com/documentation/fusion-builder/how-to/how-to-add-custom-css-per-page-post/

    I hope that helps!

    Mattieu
    Participant
    Post count: 1

    I am having the same issue. I cannot find where to add custom css to the table. I have tried all combinations of css for the table but nothing seems to work or have an impact on font-size.

    What css do I need to use to target a table inside a post?

    eTouristik
    Participant
    Post count: 1

    Don’t try to puke arround in the code.
    Just use the Fusion Builder possibility to add some extra code.

    Avada-> Options -> Custom CSS

    There you add f.e. this code – it just changes the Table Headline (th) to a bigger font size:

    .table-2 th {
    font-weight: 500;
    font-size: 19px;
    }

    You can also change tr or td behavior.
    As there are just two different table templates you just need to change .table-2 to .table-1.
    Yo can also change margin, background etc. Just check out the css possibilities.

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