Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 6, 2019 at 9:30 pm #1050643
    enricobaumgart

    Hello,
    how can I position an accordion element to the bottom of a table div?
    I have 1/3 table with a text icon-box and an accordion table. I always want to place the accordion at the bottom.

    I tried the following code for the accordion table:

    {
    margin-bottom: 0px;
    position: absolute;
}

    That endet up in the following styling issue (right table):

    It would be great to get some ideas :)

    Thanks, Enrico

    January 7, 2019 at 6:45 am #1050773
    Rikard

    Hey enricobaumgart,

    Please try this instead:

    {
    position: absolute;
    bottom:0;
}

    Best regards,
    Rikard

    January 7, 2019 at 7:25 am #1050790
    enricobaumgart

    Hello Rikard,

    Thanks, but this is actually the same code as I already tried.
    The problem is the “absolut” value for position. Any other idea?

    Regards, Enrico

    January 7, 2019 at 12:35 pm #1050841
    Rikard

    Hi,

    Thanks for the update, I tried checking the page but it looks like it’s password protected?

    Best regards,
    Rikard

    January 7, 2019 at 12:38 pm #1050845
    enricobaumgart

    Please check the privat content for the pw.
    Thanks :)

    January 8, 2019 at 6:17 am #1051200
    Rikard

    Hi,

    Thanks for that. Please try this CSS:

    .page-id-1352 .togglecontainer {
    position: absolute;
    width: 90%;
    bottom: 0;
}

    Best regards,
    Rikard

    January 8, 2019 at 5:24 pm #1051447
    enricobaumgart

    Hello Rikard,

    Thanks for this idea, but this code ends up with the following picture:

    The content will then be covered by the accordion, which is not the way it should be. Sure, I could now add a whitespace or something, but this seems to be not a good way to achieve a bottom alignment.

    Best regards
    Enrico

    January 9, 2019 at 5:40 pm #1051947
    Victoria

    Hi Enrico,

    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

    
#av_section_4 .iconbox {
    margin-bottom: 110px; 
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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