Site URL: https://parakeet-alligator-y4sy.squarespace.com/
Hi everyone, I have four overlap images in columns with buttons at the bottom and I'd like the buttons to bottom align even if there is different lengths of text. Any thoughts?
Site password is TrishSullivan
@tuanphan, I tried this out on mine as well and it was super helpful. However, I was curious, how would you target the secondary text here and not just the header on the banner?
Similar issue where the banner image is getting cut off. I've tried the previously mentioned code
<style>
@media screen and (max-width:640px) {
.banner-thumbnail-wrapper img {
width: 100% !important;
height: auto !important;
left: 0 !important;
}
}
</style>
Which did resize it but created this black bar underneath (see screenshot)
I've since removed that code since I didn't want the black bar, but if you have one that resizes on mobile without creating that black bar please let me know!
Nevermind, ended up finding it!
Here's the code that worked for anyone seeing this:
@media only screen and (max-width: 420px) { .image-block .design-layout-poster .image-inset { padding-bottom: 100% !important; }}