BohoSocial Posted March 20, 2022 Share Posted March 20, 2022 Site URL: https://www.bohosocial.com.au/ No matter what I try I cannot get the buttons to so sit inline with each other on my homepage due to the text being different lengths. I have tried all the suggested code I can find on forums but nothing seems to work 😞 I haven'tencounteredd it looking so bad before. I have followed this tutorial as well with no luck https://donnavincentdesigns.com/blog/align-uneven-squarespace-buttons Not wanting to use line breaks and spacers. Thanks in advance! Link to comment
tuanphan Posted March 21, 2022 Share Posted March 21, 2022 Solved with the code @media screen and (min-width: 901px) { div#page-5cf717904830f600018f2446 .row:nth-child(n+2) { display:flex } div#page-5cf717904830f600018f2446 .row:nth-child(n+2) .span-4 { flex: 1; position: relative; padding-bottom: 100px } div#page-5cf717904830f600018f2446 .button-block { position: absolute; bottom: 0; left: 50%; width: 100%; transform: translatex(-50%) } }  Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment