-
Author
-
July 21, 2015 at 16:25 #69289sayweeParticipant
hi,
how to get same height of two columns with different amount of text.
best, saywee
July 21, 2015 at 16:50 #69295RaduModeratorCan 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 solutionJuly 21, 2015 at 16:52 #69296sayweeParticipanti 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
July 21, 2015 at 17:02 #69298RaduModeratorAdd 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 -
AuthorPosts
Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘KLEO’ is closed to new topics and replies.