kayleigh Posted August 9, 2021 Share Posted August 9, 2021 Site URL: https://deliamonk.com/services Hi! To create pricing tables I've used image stack blocks with some code to style but the heights are all different. I added code to make them equal height but this code isn't responsive, so they're not equal heights on smaller screens (mobile is fine as it stacks). Does anyone have code to remedy this? Link to comment
tuanphan Posted August 12, 2021 Share Posted August 12, 2021 On 8/9/2021 at 6:06 PM, kayleigh said: Site URL: https://deliamonk.com/services Hi! To create pricing tables I've used image stack blocks with some code to style but the heights are all different. I added code to make them equal height but this code isn't responsive, so they're not equal heights on smaller screens (mobile is fine as it stacks). Does anyone have code to remedy this? Hi Add to Design > Custom CSS /* services-equal height boxes */ @media screen and (min-width:768px) { div#block-yui_3_17_2_1_1626015402372_31686+.row { display: flex; flex-wrap: nowrap; } div#block-yui_3_17_2_1_1626015402372_31686+.row>.span-4:not(:nth-child(2)) { background-color: RGBA(242, 247, 250, 1); border: 1px solid RGBA(190, 211, 229, 1); margin-left: -1px; } div#block-yui_3_17_2_1_1626015402372_31686+.row>.span-4 .image-block { padding: 0px !important; } } kayleigh 1 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
kayleigh Posted September 12, 2021 Author Share Posted September 12, 2021 (edited) Thanks so much @tuanphan, You seem to be the forum hero! Only just seeing this, I didn't get a notification that you'd replied 😞 I got my wordpress developer to fix this last week, but I'll save this for future sites. Appreciate you 😁 Edited September 12, 2021 by kayleigh 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