-
Posts
147 -
Joined
-
Last visited
laura_c's Achievements
-
Hello Laura - regarding your latest note about the following. Would you know how to make the two stack blocks on the following page be equal height? https://www.designsite.com/aboutus - thanks if you can help.
.list-item { align-self: stretch !important; }
-
No worries, try the code below:
/* Make image stack equal height - adjust section id and column width to suit layout */ section[data-section-id="5f9d849b1e3be610d60a3311"] .sqs-col-12 .sqs-row { display: flex !important; flex-wrap: wrap !important; flex: 1 !important; .sqs-col-6, .image-block, .sqs-block-content { display: flex !important; } .image-block-outer-wrapper, .sqs-dynamic-text-container { display: flex !important; flex-direction: column; } .image-card-wrapper, .image-button-wrapper { display: flex !important; flex: 1 !important; } .image-button { align-self: flex-end !important; } } /* Add coloured background and padding to image stack */ .design-layout-stack .image-card-wrapper { background-color: pink; padding: 40px; margin-top: 0% !important; }
-