Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 23, 2025 at 9:32 am #1479946
    AnnemarieDoolin

    Hej Genius’

    I have 3 pricing boxes but I had set the row to “Equal Height” because they are different sizes and I want them to look balanced. However, the button at the bottom needs to be attached to the bottom of the section… is that possible?? I’ve tried de-bugger but I can’t get any adjustment to have any effect and I’m under pressure on this project so your brilliant genius input would be so appreciated.

    Screenshot of Pricing Boxes

    Best wishes,
    Annemarie

    March 23, 2025 at 11:28 am #1479956
    Rikard

    Hey Annemarie,

    Thanks for the screenshot. Could you post a link to where we can see the actual elements as well please?

    Best regards,
    Rikard

    March 24, 2025 at 7:31 am #1480019
    AnnemarieDoolin

    Hej Rikard,

    I’ve temporarily published it so you can see the page: SE PAGE

    Regards,
    Annemarie

    March 24, 2025 at 8:22 am #1480025
    Ismael

    Hi,

    Thank you for the link.

    Please add this css code to adjust the alignment of the buttons.

    #top .av-otzhdc-f6e6fb6737c9d94574c2e623c4aab5bf .avia-button-wrap {
    position: absolute;
    width: 100%;
    bottom: 0;
}

#top .av-otzhdc-f6e6fb6737c9d94574c2e623c4aab5bf .flex_column_table .flex_column {
    padding-bottom: 100px;
}

    View post on imgur.com

    Best regards,
    Ismael

    March 24, 2025 at 8:36 am #1480028
    AnnemarieDoolin

    Hi Ismael … thank you that worked a treat!!
    One other thing if I may? I need two buttons on the top of the landing page for different languages… so is it possible to hide the header and still have the top bar in view .

    See Screenshot

    In the meantime, I hope you have a fantastic day!
    Regards,
    Annemarie

    March 24, 2025 at 5:02 pm #1480057
    Rikard

    Hi,

    Please try this CSS as well:

    .page-id-560 #header_main {
  display: none; 
}

    Best regards,
    Rikard

    March 25, 2025 at 7:12 am #1480102
    AnnemarieDoolin

    Hi Rikard… thank you, it deleted some but not all so I debugged and saw I had to add this extra css:

    #top #main {
    padding-top: 0px!important;
    }

    Regards,
    Annemarie

    March 25, 2025 at 5:24 pm #1480152
    Rikard

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    March 27, 2025 at 10:24 am #1480258
    AnnemarieDoolin

    RE: ALIGNING PRICING BOX BUTTON.

    Ismael, the styling you gave me for the pricing boxes below was PERFECT… I have just had a big problem and I’ve HAD TO GO BACK TO A PREVIOUS VERSION of pricing boxes which means I have lost the specific “av-otzhdc”…coding in your style BELOW. I can’t see it with debug to put in the new reference… could you brilliant guys help as the client has now released the page for buying tickets!
    WEBPAGE LINK – SHAOLINCAMP.DK

    #top .av-otzhdc-f6e6fb6737c9d94574c2e623c4aab5bf .avia-button-wrap {
    position: absolute;
    width: 100%;
    bottom: 0;
    }
    #top .av-otzhdc-f6e6fb6737c9d94574c2e623c4aab5bf .flex_column_table .flex_column {
    padding-bottom: 100px;
    }

    March 28, 2025 at 5:46 am #1480309
    Ismael

    Hi,

    Try to replace it with av-8hgou0-66c1339874a8df71eec44a8ce967092b or apply a Custom CSS Class name to the element.

    — https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

    Best regards,
    Ismael

    March 28, 2025 at 7:40 am #1480317
    AnnemarieDoolin

    Ismael… THANK YOU SO MUCH!!! Fit perfectly.

    March 28, 2025 at 8:00 am #1480320
    Ismael

    Hi!

    Glad we could be of help! Let us know if you have more questions. Have a nice day.

    Regards,
    Ismael

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Pricing boxes – align button at bottom of box’ is closed to new replies.