Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 19, 2017 at 9:09 am #823757
    barthalgar

    Hi,

    I would like to customise the CSS of a table from the Avia Layout Builder. In particular, I want to change the background color of a specific table cell with the colour code (e.g #1aae94) and also I want the text to be in the middle of the cell in terms of height.

    You will find the link to the article of my website in which I’ve created some tables.

    Also, I’ve read that it is possible to do so by writing down a lign of code in the function.php file but I’m not a developer and I don’t know how to do so.

    Thanks in advance for your help

    July 19, 2017 at 12:55 pm #823923
    Rikard

    Hey barthalgar,

    Thanks for the link, though I’m not sure exactly what part of the table to want to change?

    Best regards,
    Rikard

    July 19, 2017 at 1:03 pm #823928
    barthalgar

    Hi,

    I’d like to change the first column starting from the left hand side (“Gevrey Chambertin Villages” ; “Gevrey Chambertin Premiers Crus” ; Gevrey Chambertin Grands Crus”.

    Thanks

    July 19, 2017 at 2:11 pm #823959
    Victoria

    Hi barthalgar,

    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

    
.avia-data-table.avia_pricing_minimal td {
    vertical-align: middle;
}

#top .avia-data-table.avia_pricing_minimal tr td:first-child {
  background-color: #ccc;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 19, 2017 at 2:27 pm #823966
    barthalgar

    Thanks a lot, this is working !

    I was also wondering if it’s possible to change in the same way the first row of the table under the “CONSERVATION” title. This line is set in wordpress as “heading row”.

    Thanks for your answer !

    July 19, 2017 at 3:00 pm #823997
    Victoria

    Hi barthalgar,

    Here is the code for that:

    
#top .main_color .avia-data-table.avia_pricing_minimal th {
  background-color: #ccc;
}

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

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