How to Equal Height Card in WordPress using CSS

Published: 16 March 2024
on channel: Gutenberg Hub - WordPress Block Editor Goodness

1,545

Hey Everyone, in this tutorial, I will show you how to equal height cards in WordPress using CSS. This tutorial aims to teach you how to create creative content design in Gutenberg using default blocks without a 3rd party block plugin.

GutenbergHub Shop:
https://shop.gutenberghub.com/

CSS Code: 👇

------------------------------------------------------------------------------------------------------------------------------------------------------------
.equal_card{
position: relative;
min-height: 100% !important;
}
.equal_card .wp-block-buttons{
position: absolute;
bottom: 30px;
}

------------------------------------------------------------------------------------------------------------------------------------------------------------

Useful Gutenberg Plugins:
Editor Plus | https://wordpress.org/plugins/editorp...
Block Slider | https://wordpress.org/plugins/block-s...
EditorsKit | https://wordpress.org/plugins/block-o...

Join The Gutenberg Community on Facebook:
https://www.facebook.com/groups/26173...

Follow:
Facebook | / gutenberghub
Twitter | / gutenberghub
Website | https://gutenberghub.com/

#gutenberg #wordpress #block #tutorial #gutenberghub

Watch video How to Equal Height Card in WordPress using CSS online without registration, duration hours minute second in high quality. This video was added by user Gutenberg Hub - WordPress Block Editor Goodness 16 March 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,545 once and liked it 38 people.

106