same height of columns

[saywee]

hi,

how to get same height of two columns with different amount of text.

best, saywee

[Radu]

Can you elaborate little ?

In theory simple like this

COPY CODE

.column1 {height:300px;}
.column2 {height:300px;}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[saywee]

i have a 2-column element and want to color each column separately. so the colored blocks should have same height at the end. thought to not have to use custom css for that.

best

[Radu]

Add new page and switch from visual to text the editor and paste next code

COPY CODE

[vc_row el_id="" front_status="" inner_container="yes" text_align="" text_color="" section_type="main" type="" bg_color="" bg_position="top" bg_position_horizontal="left" bg_repeat="no-repeat" bg_cover="true" bg_attachment="false" enable_parallax="" parallax_speed="0.1" bg_video_src_mp4="" bg_video_src_ogv="" bg_video_src_webm="" vertical_align="" column_gap="" padding_top="40" padding_bottom="40" padding_left="" padding_right="" margin_top="" margin_bottom="" min_height="0" border="bottom" overflow="" animation="" css_animation="right-to-left" visibility="" inline_style="" el_class=""][vc_column width="1/1"][vc_row_inner][vc_column_inner width="1/2" css=".vc_custom_1437487334716{background-color: #8224e3 !important;}"][vc_column_text css_animation="right-to-left" font_weight="bold"]
<div style="height: 300px; overflow: hidden;"><span style="color: #ffffff;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</span>
<span style="color: #ffffff;"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</span></div>
[/vc_column_text][/vc_column_inner][vc_column_inner width="1/2" css=".vc_custom_1437487366262{background-color: #1e73be !important;}"][vc_column_text css_animation="right-to-left" font_weight="bold"]
<div style="height: 300px; overflow: hidden;">

<span style="color: #ffffff;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</span>
<span style="color: #ffffff;"> Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span>

</div>
[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

If you want to have scroll functionality on that block where you have more text replace
overflow: hidden; with overflow: auto;

Regards

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts