Creating Equal Height Columns with Kadence Blocks - Kadence Blocks Tutorial

Подписаться 646

50% 1

👉 Free Training: How to Secure Your WordPress Website and Save $564 Per Year: abuzidwp.com/list
In this video, you will learn how to design columns that have the same height as Kadence Blocks.
🔥Kadence Plugins:
**Kadence Theme:abuzidwp.com/k...
**Kadence Blocks:abuzidwp.com/k...
**Kadence Conversions:abuzidwp.com/c...
🔥Astra & Spectra:
**Astra Theme: abuzidwp.com/a...
🔥Sales Funnels Plugins:
**Wpfunnels: abuzidwp.com/w...
**Cartflows: abuzidwp.com/c...
🔥Online Courses Plugins:
**Learndash: abuzidwp.com/l...
🔥Fluent Plugins:
**Fluent Booking: abuzidwp.com/f...
**Fluent CRM:abuzidwp.com/f...
**Fluent Forms:abuzidwp.com/f...
🔥Recommended Plugins:
**Presto Player: abuzidwp.com/p...
🔥 Contact Sherif for Web design work: abuzidwp.com/c...
The video provides a simple solution that involves activating the "inner column height 100" setting in the advanced tab of the row layout section.
*** Here's a more detailed description of the video:
Blocks layouts: columns of varying heights, even when they contain the same content.
Demonstrate this issue using a three-column layout with widgets, images, paragraphs, titles, and buttons.
Activating the "inner column height 100" setting in the advanced tab of the row layout section.
Explain that this setting ensures all columns have the same height, regardless of their content.
***To implement the fix, the speaker advises viewers to:
Go to the row layout section.
Select the row you want to adjust.
Open the advanced tab.
Enable the "inner column height 100" setting.
Click update and refresh the page.
The video emphasizes the importance of choosing a background color for each section before applying this fix. This ensures a consistent visual appearance across the columns. Also clarify that adding an info box with a different background color won't solve the uneven height issue.
Watch More Videos:
Create a One-Page Website in WordPress In Under 30 minutes - Kadence Blocks Tutorial
• Create a One-Page Webs...
#AbuzidWP #kadenceblocks #kadence #equalheightcolumns #wordpress #webdesign #youtubetutorial #design #plugin #course #online #sales #conversion #explore #tutorial #video

Опубликовано:

5 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 8

@MediaForgeProductions-ty8rc Месяц назад

Many thanks, this was exactly what I needed!

@Simon_Portillo 7 месяцев назад

thanks, that really helped me out!

@colcal5275 3 месяца назад

Thanks

@WestbrookAds 8 месяцев назад

Excellent!

@abuzidwp 8 месяцев назад

Glad you liked it.

@mela9867 5 месяцев назад

Thank you Abuzid! Quick question, when horizontally aligning blocks within one column in a row (As shown here: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-oYBcNfWieW4.html&ab_channel=CliftonWP), how do we make all the blocks the same height? I don't see an option to make the blocks the same height when they are aligned horizontally. Maybe I'm missing something?

@abuzidwp 5 месяцев назад

Did you check the "Inner Column Height 100%" under the "Structure Settings" of the Advanced tab the Row?

@mela9867 5 месяцев назад

@@abuzidwp Yes. It's been determined that option does not work when blocks in one section/column are aligned horizontally (sorta like one column laid on it's side to look like a row. Clifton shows what I'm referring to in that video link above at around the 23 min mark). The Inner Column Height 100% option only works if you have multiple columns in one row as you have shown in your video.