Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 11, 2017 at 2:15 pm #850503
    cipriana

    Hi, I would like to modify this data tables designs.
    I want to remove the outer box and leave only the horizontal lines and remove background color.
    Could you provide me with the css code to work with in quick css?
    Thanks you a lot!

    September 12, 2017 at 8:44 am #850860
    Jordan Shannon

    Hey cipriana,

    Add the following to quick css:

    #top .avia-data-table.avia_pricing_minimal tr{
background:#eee!important;
}

    Best regards,
    Jordan Shannon

    September 12, 2017 at 11:42 am #850957
    cipriana

    Hi, thanks!
    I´ve managed to modify table design with this quick css I add below, but I don´t know how to align texts to the left as it was before, and make lines shorter, as in my screenshot.

    #top .avia-data-table.avia_pricing_minimal tr{
    background:#eee;
    }
    th {
    background:#ffffff!important;
    color: #dd1f58!important;
    font-size: 16px;
    border-style: solid;
    border-width: 2px;
    border-left: none!important;
    border-right: none!important;
    border-top: none!important;
    border-color: #dd1f58!important;
    }

    td {
    background:#ffffff!important;
    color: #000000!important;
    font-size: 17px;
    border-width: 1px;
    border-left: none!important;
    border-right: none!important;
    border-top: none;
    border-color: #000000!important;
    }
    Could you give me a little help with this?
    Thank you very much!

    September 12, 2017 at 2:58 pm #851030
    Victoria

    Hi cipriana,

    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, .avia-data-table.avia_pricing_minimal th {
    text-align: left;
    padding: 12px;
}
.avia-table.avia-data-table.avia-table-1.avia-builder-el-3.avia-builder-el-no-sibling.avia_pricing_minimal  {
  width: 80%;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 12, 2017 at 3:04 pm #851034
    cipriana

    Hello Victoria, that´s fine. Sorry, I explained myself wrong, I only want the text aligned to the left on first column, not the second and third column.
    Is that possible?

    Thanks and sorry.

    September 12, 2017 at 5:34 pm #851127
    Jordan Shannon

    Hi,

    Add the following to quick css to align just the first column. You may have to remove the previous alignment css. I put the red ass background just to confirm the css is working. You can remove it of course.

    .avia-data-table td:first-child {
text-align: left!important;
padding: 12px;
background:red!important;
}

    Best regards,
    Jordan Shannon

    September 12, 2017 at 5:45 pm #851131
    cipriana

    Thank you so much!

    September 12, 2017 at 6:03 pm #851147
    Jordan Shannon

    Hi,

    No problem at all. Please let us know if you need additional help, or shall I close this ticket?
    Best regards,
    Jordan Shannon

    September 12, 2017 at 6:05 pm #851149
    cipriana

    You can close it.
    Thanks!

    September 12, 2017 at 7:17 pm #851201
    Nikko

    Hi,

    Glad to hear that. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘modify tables’ is closed to new replies.