Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 14, 2020 at 8:15 am #1230201
    Pas7o

    Good morning. I created a table in this page: https://www.626bardolino.com/prova-calendario-corsi/ (password is: ht9vqxz67).
    I need to add a button or an image in third column.
    How can I do? Thank you.

    July 14, 2020 at 7:38 pm #1230398
    Victoria

    Hey Pas7o,

    You can add the html in here:
    Image 2020-07-14 at 20.38.04.png
    like this:
    Image 2020-07-14 at 20.37.43.png

    and then style it to make it look like a button.
    Best regards,
    Victoria

    July 15, 2020 at 8:20 am #1230530
    Pas7o

    I created the button:
    button
    How Can I centralize vertically and horizontally it?
    Thank you.

    July 15, 2020 at 9:12 pm #1230725
    Victoria

    Hi Pas7o,

    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-table.avia-table-1 td button {
    display: block;
    margin:  0 auto;
}

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

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 16, 2020 at 12:34 pm #1230895
    Pas7o

    I added the code. But there is more margin for the other 2 columns:

    space

    July 17, 2020 at 12:01 pm #1231205
    Victoria

    Hi Pas7o,

    Please change this

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

    to this:

    
.avia-table.avia-table-2 td:last-of-type {
    vertical-align: middle;
}

    Best regards,
    Victoria

    July 17, 2020 at 1:34 pm #1231271
    Pas7o

    I changed the code but it doesn’t work.

    July 20, 2020 at 2:47 pm #1231730
    Victoria

    Hi Pas7o,

    It looks fine on my end now.

    Image 2020-07-20 at 15.47.30.png

    Is this not the desired look?

    Best regards,
    Victoria

    July 21, 2020 at 8:03 am #1231976
    Pas7o

    I’m referring to this space:

    space

    July 22, 2020 at 1:11 pm #1232234
    Rikard

    Hi,

    Thanks for the screenshot. Please try this as well:

    tr td ul {
    margin-bottom: 0;
}

    Best regards,
    Rikard

    July 22, 2020 at 4:04 pm #1232280
    Pas7o

    Ok thank you.

    July 22, 2020 at 7:20 pm #1232352
    Victoria

    Hi Pas7o,

    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.