New Landing How can we help? Themeforest Theme Support Dante How to align buttons on the same height of different text blocks

Viewing 12 posts - 1 through 12 (of 12 total)
  • Posted in: Dante
  • #238131
    TheHomepage
    Member
    Post count: 97

    Hi,

    I have different text blocks next to each other on the homepage.
    They all consist out of text followed by a button. I would like that the buttons appear on the same height. I tried a solution by putting the buttons in a different text block, but then the order is not respected anymore.

    Please see attachment.

    Thanks to help out

    Attachments:
    You must be logged in to view attached files.
    #238362
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    I am getting this error at your website Fout bij het maken van de databaseconnectie.
    Thanks
    Mohammad

    #238412
    TheHomepage
    Member
    Post count: 97

    Hi, please try again,
    Everything should work.

    Many thanks,

    Liz

    #238574
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Please test this:

    .page-id-2 .spb_content_element.col-sm-4.spb_text_column {
        min-height: 300px;
    }
    
    .page-id-2 a.sf-button.standard.black.sf-icon-reveal.buttonkleur {
        position: absolute;
        bottom: -30px;
    }

    Thanks.

    #238765
    TheHomepage
    Member
    Post count: 97

    Thanks a lot!
    Works perfect.

    #238770
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Great thanks to David ๐Ÿ™‚ .
    Mohammad

    #239768
    TheHomepage
    Member
    Post count: 97

    Hi!

    Thanks the code works, but now i translated my site to two other languages and on those languages the buttons are not well aligned anymore. It has to do with the PAGEID.

    How can I retrieve the page ID?

    Of pages :
    http://www.bluecliff.be/en/homepage-en/
    and
    http://www.bluecliff.be/fr/homepage-fr-2/

    Thanks in advance for helping!

    Liz

    #239777
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please edit the page in admin and you will find the id there. I have attached screenshot to indicate in admin screen.
    Thanks
    Mohammad

    Attachments:
    You must be logged in to view attached files.
    #239797
    TheHomepage
    Member
    Post count: 97

    Great! Works !

    #239802
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome and glad ๐Ÿ™‚ to help you.
    Thanks
    Mohammad

    #251183
    TheHomepage
    Member
    Post count: 97

    Hi,

    Thanks for helping out earlier.
    But the issue is only resolved for desktop.

    Please see in attachment to screenshots what happens when the size is smaller. Can you please provide me the code so that all the buttons are ALWAYS WEEL ALIGNED (as on desktop) no matter what the size of the screen is. Especially on ipad it looks really messy.

    I have 3 screenshots where it does not look good, so at least for those 3 screen sizes code has to be added.

    Thanks in advance,

    Liesbeth

    Attachments:
    You must be logged in to view attached files.
    #251240
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Not really possible because when the screen size changes and the text goes on to new lines the height changes, that’s why the buttons do not always line up. The only way would be to not put the buttons in the same column/text box as the text, but then when they stack on mobile it will be the 3 text boxes then the 3 buttons, instead of text button text button etc

    – Kyle

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register