{"id":1388,"date":"2018-06-14T14:59:00","date_gmt":"2018-06-14T21:59:00","guid":{"rendered":"https:\/\/dividude.com\/?p=1388"},"modified":"2019-12-19T11:56:40","modified_gmt":"2019-12-19T19:56:40","slug":"equalize-divis-blurb-modules-height","status":"publish","type":"post","link":"https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/","title":{"rendered":"Equalize Divi&#8217;s Blurb Modules&#8217; Height"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;4.0.9&#8243; background_enable_color=&#8221;off&#8221; custom_padding=&#8221;||0px|&#8221;][et_pb_row padding_mobile=&#8221;off&#8221; column_padding_mobile=&#8221;on&#8221; admin_label=&#8221;row&#8221; _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_padding=&#8221;6px|0px|18px|0px&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.0.47&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_post_title _builder_version=&#8221;4.0.9&#8243;][\/et_pb_post_title][et_pb_post_title title=&#8221;off&#8221; admin_label=&#8221;Categories&#8221; _builder_version=&#8221;4.0.9&#8243; meta_text_align=&#8221;center&#8221; meta_text_color=&#8221;#f0ff23&#8243; meta_font_size=&#8221;13px&#8221; background_color=&#8221;#442b00&#8243; width=&#8221;30%&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||17px|||&#8221; border_radii=&#8221;off|4px||4px|&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;#32952d&#8221; box_shadow_style=&#8221;preset3&#8243; global_module=&#8221;3877&#8243; saved_tabs=&#8221;all&#8221;][\/et_pb_post_title][et_pb_text admin_label=&#8221;Author Divi Dude&#8221; _builder_version=&#8221;4.0.9&#8243; text_font=&#8221;||on||||||&#8221; text_font_size=&#8221;14px&#8221; text_orientation=&#8221;center&#8221; custom_padding=&#8221;||0px|||&#8221; global_module=&#8221;3944&#8243; saved_tabs=&#8221;all&#8221;]<\/p>\n<p>By Divi Dude<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; specialty=&#8221;on&#8221; background_position_1=&#8221;top_left&#8221; background_position_2=&#8221;top_left&#8221; background_repeat_1=&#8221;no-repeat&#8221; background_repeat_2=&#8221;no-repeat&#8221; _builder_version=&#8221;4.0.9&#8243; custom_padding=&#8221;0px|||&#8221; hover_enabled=&#8221;0&#8243;][et_pb_column type=&#8221;3_4&#8243; specialty_columns=&#8221;3&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_row_inner admin_label=&#8221;Row&#8221; _builder_version=&#8221;3.25&#8243;][et_pb_column_inner saved_specialty_column_type=&#8221;3_4&#8243; _builder_version=&#8221;3.0.47&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;3.29.3&#8243;]<\/p>\n<p><span class='et-dropcap'>T<\/span>urns out with the advent of CSS3 there is an easier way to equalize multiple columns in Divi by using the flexbox class. This works great in modern browsers and is a much easier method than below.<\/p>\n<p>Create a row and make sure under Design &gt; Sizing it is set to equalize columns. Then in the Advanced tab &gt; Custom CSS add a custom class. Name it whatever you want. I&#8217;ll name mine flex-SameSize. Now create your columns, by adding however many modules you need.<\/p>\n<p>Go to your child theme&#8217;s style sheet or the Custom CSS input fields in Divi and add the following code (using your unique class name):<\/p>\n<p>[\/et_pb_text][et_pb_dmb_code_snippet code=&#8221;IC5mbGV4LVNhbWVTaXplIC5ldF9wYl9jb2x1bW5fMV8zewpkaXNwbGF5OiBmbGV4Owp9&#8243; _builder_version=&#8221;3.29.3&#8243;]IC5mbGV4LVNhbWVTaXplIC5ldF9wYl9jb2x1bW5fMV8zewpkaXNwbGF5OiBmbGV4Owp9[\/et_pb_dmb_code_snippet][et_pb_code admin_label=&#8221;Adsense&#8221; _builder_version=&#8221;3.26.6&#8243; text_orientation=&#8221;center&#8221; z_index_tablet=&#8221;500&#8243; saved_tabs=&#8221;all&#8221;]<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><!-- [et_pb_line_break_holder] --><!-- DD_Equalize_Blurbs --><!-- [et_pb_line_break_holder] --><ins class=\"adsbygoogle\"<!-- [et_pb_line_break_holder] -->     style=&#8221;display:block&#8221;<!-- [et_pb_line_break_holder] -->     data-ad-client=&#8221;ca-pub-8489921453224987&#8243;<!-- [et_pb_line_break_holder] -->     data-ad-slot=&#8221;1380135949&#8243;<!-- [et_pb_line_break_holder] -->     data-ad-format=&#8221;auto&#8221;<!-- [et_pb_line_break_holder] -->     data-full-width-responsive=&#8221;true&#8221;><\/ins><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->     (adsbygoogle = window.adsbygoogle || []).push({});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][et_pb_text _builder_version=&#8221;3.29.3&#8243;]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\"><\/pre>\n<p>The number 3 above represents how many columns you have, so for 3 columns leave it, for 4 change it to 4, etc. So if you have section with 3 columns and another with 4, then just create two custom class names such as flex-SameSize3 and flex-SameSize4.<\/p>\n<p>That&#8217;s it. You should have equal columns.<\/p>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8221;COPY&#8221; _builder_version=&#8221;3.27.4&#8243; use_border_color=&#8221;off&#8221;]<\/p>\n<h2>Only Use for Older Browsers<\/h2>\n<p>You have this great idea to put multiple blurb modules in a row, so you do it and it looks like crap, because they are not the same size. One module is a lot longer or shorter than the others\u00a0 and instead of having this symmetrical cascade of modules spanning your page, you have a mish-mashed mess on your hands. Well, not to worry, I&#8217;ll show you how to fix it in a jiffy.<\/p>\n<p>The first thing you need to do is create your blurb modules, whether it&#8217;s two, three or four and put them in a row. Now fill them with your content and do everything you would normally do to create the look you want. When you are finished creating your modules, and you notice the dissimilar lengths, you&#8217;ll want to go to the next step. (don&#8217;t feel like reading anymore, then just watch the video (sorry, it&#8217;s not done yet &#8230; so you&#8217;ll have to continue reading). I&#8217;ll tell you to do the very exact same thing in it (well, not the very exact same thing, I do use different words)).<\/p>\n<p>[\/et_pb_text][et_pb_video src=&#8221;https:\/\/youtu.be\/nOc71XdxLv0&#8243; play_icon_color=&#8221;#e02b20&#8243; disabled_on=&#8221;on|on|on&#8221; module_class=&#8221;dropShadowEffect&#8221; _builder_version=&#8221;3.7&#8243; custom_css_main_element=&#8221;border: 5px solid #000;&#8221;]<\/p>\n<p>\n&nbsp;<\/p>\n<p>[\/et_pb_video][et_pb_text admin_label=&#8221;COPY 2&#8243; _builder_version=&#8221;3.27.4&#8243; use_border_color=&#8221;off&#8221;]<\/p>\n<p>\nHere&#8217;s where it gets fun. After you save the page, open it up in your favorite modern browser. I&#8217;m using Chrome, but you can use Edge or Firefox if you&#8217;re more comfortable with those. You&#8217;ll want to use the &#8220;Inspect&#8221; tool (&#8220;Inspect Element&#8221; in Edge and Mozilla Firefox). To use the tool, just right click on the longest of the blurb modules and select the Inspect tool from the drop down menu that appears (this is called a &#8220;Context Menu&#8221;). Now look for the the div class called\u00a0&#8220;et_pb_blurb&#8221;. There&#8217;ll probably be a bunch of different classes with it, ignore those. You should see some numbers that read something like 300&#215;800. (your numbers will be different &#8230; and if they&#8217;re exactly the same, then damn I&#8217;m good!)\u00a0 We want the second number, in my example above it&#8217;s the 800 (in the pic example it&#8217;s 598). That&#8217;s the length. <em>(see photo).<\/em><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2018\/06\/blurbHeight_Divi_et_pb_blurb.jpg&#8221; alt=&#8221;Divi Blurb Locating et_pb_blurb&#8221; title_text=&#8221;Divi Blurb Height Module Locating et_pb_blurb&#8221; show_in_lightbox=&#8221;on&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;et_pb_blurb Image&#8221; _builder_version=&#8221;3.23&#8243; border_width_all=&#8221;1px&#8221; box_shadow_style=&#8221;preset2&#8243;]<\/p>\n<p>\n&nbsp;<\/p>\n<p>[\/et_pb_image][et_pb_text disabled_on=&#8221;off|off|off&#8221; admin_label=&#8221;Copy 3&#8243; _builder_version=&#8221;3.27.4&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<\/p>\n<p>Now let&#8217;s head on over to your CSS stylesheet. It&#8217;s in your child theme, which you ought to have. If not, you can access custom CSS either in the Theme Customizer or Theme Options panel. When you get there you want to enter some CSS. In my example below, I am naming it blurbHeight, but you can name it anything that makes sense to you. If you are going to do this on more than one page, or more than on set of blurbs, then you will want to give them separate names. For instance, on the front page it may be called blurbFrontPageHeight. We&#8217;re going to use the number we got when we used the Inspect button.<\/p>\n<p>[\/et_pb_text][et_pb_dmb_code_snippet code=&#8221;LmJsdXJiSGVpZ2h0IHsKbWluLWhlaWdodDogODAwcHg7Cn0=&#8221; _builder_version=&#8221;3.29.3&#8243;]LmJsdXJiSGVpZ2h0IHsKbWluLWhlaWdodDogODAwcHg7Cn0=[\/et_pb_dmb_code_snippet][et_pb_code admin_label=&#8221;Adsense&#8221; _builder_version=&#8221;3.26.6&#8243; text_orientation=&#8221;center&#8221; z_index_tablet=&#8221;500&#8243; saved_tabs=&#8221;all&#8221;]<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><!-- [et_pb_line_break_holder] --><!-- DD_Equalize_Blurbs --><!-- [et_pb_line_break_holder] --><ins class=\"adsbygoogle\"<!-- [et_pb_line_break_holder] -->     style=&#8221;display:block&#8221;<!-- [et_pb_line_break_holder] -->     data-ad-client=&#8221;ca-pub-8489921453224987&#8243;<!-- [et_pb_line_break_holder] -->     data-ad-slot=&#8221;1380135949&#8243;<!-- [et_pb_line_break_holder] -->     data-ad-format=&#8221;auto&#8221;<!-- [et_pb_line_break_holder] -->     data-full-width-responsive=&#8221;true&#8221;><\/ins><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->     (adsbygoogle = window.adsbygoogle || []).push({});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][et_pb_text admin_label=&#8221;COPY 4&#8243; module_class=&#8221;blurbHeight&#8221; _builder_version=&#8221;3.27.4&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<\/p>\n<p>Now we are going to go back to our page with the set of modules and we will ignore the tallest one and in the two short ones we will go to the Advanced Tab and in the CSS ID &amp; Classes section we will enter blurbHeight in the CSS Class text box. Remember, we do this for each of the modules we want to increase their height to match the tallest one.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2018\/06\/blurbHeight_Divi_CSS_Field.jpg&#8221; alt=&#8221;Divi Blurb Height Equalizing&#8221; title_text=&#8221;Divi Blurb Height Making Same Size&#8221; show_in_lightbox=&#8221;on&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;blurbHeight Image &#8211; CSS Class text box&#8221; _builder_version=&#8221;3.23&#8243; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;#000000&#8243; box_shadow_style=&#8221;preset2&#8243; sticky=&#8221;off&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<\/p>\n<p>\n&nbsp;<\/p>\n<p>[\/et_pb_image][et_pb_text disabled_on=&#8221;on|on|on&#8221; admin_label=&#8221;COPY 5&#8243; _builder_version=&#8221;3.27.4&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<\/p>\n<p>\nSo now that we&#8217;ve equalized them, we need to unequalize them for smart phones, since they will most likely be stacked on top of each other.<\/p>\n<p>[\/et_pb_text][et_pb_code admin_label=&#8221;Adsense&#8221; _builder_version=&#8221;3.26.6&#8243; text_orientation=&#8221;center&#8221; z_index_tablet=&#8221;500&#8243; saved_tabs=&#8221;all&#8221;]<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><!-- [et_pb_line_break_holder] --><!-- DD_Equalize_Blurbs --><!-- [et_pb_line_break_holder] --><ins class=\"adsbygoogle\"<!-- [et_pb_line_break_holder] -->     style=&#8221;display:block&#8221;<!-- [et_pb_line_break_holder] -->     data-ad-client=&#8221;ca-pub-8489921453224987&#8243;<!-- [et_pb_line_break_holder] -->     data-ad-slot=&#8221;1380135949&#8243;<!-- [et_pb_line_break_holder] -->     data-ad-format=&#8221;auto&#8221;<!-- [et_pb_line_break_holder] -->     data-full-width-responsive=&#8221;true&#8221;><\/ins><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->     (adsbygoogle = window.adsbygoogle || []).push({});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][et_pb_text admin_label=&#8221;COPY 6&#8243; _builder_version=&#8221;3.27.4&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<\/p>\n<p>\nAnd that my friends is how you equalize blurb modules so they are all the same height. Now if you want to learn how to customize the color of your links, see this <a title=\"Customize Divi Link Colors\" href=\"https:\/\/dividude.com\/customize-divi-links\/\">tutorial<\/a>. Or if you are looking for a place to register your domains, check out my page on the <a href=\"https:\/\/dividude.com\/domain-registrars\/\">registrars I use<\/a>.<\/p>\n<p>[\/et_pb_text][\/et_pb_column_inner][\/et_pb_row_inner][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_sidebar orientation=&#8221;right&#8221; area=&#8221;sidebar-1&#8243; _builder_version=&#8221;3.0.74&#8243; header_font_size=&#8221;18px&#8221; body_line_height=&#8221;1.4em&#8221; remove_border=&#8221;off&#8221;]<\/p>\n<p>\n&nbsp;<\/p>\n<p>[\/et_pb_sidebar][\/et_pb_column][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;section&#8221; _builder_version=&#8221;4.0.9&#8243; background_color=&#8221;#32952d&#8221; custom_padding=&#8221;0px|0px|0px|0px&#8221; custom_padding_tablet=&#8221;0px||0px|&#8221; custom_padding_phone=&#8221;&#8221; transparent_background=&#8221;off&#8221; padding_mobile=&#8221;off&#8221; global_module=&#8221;4086&#8243;][et_pb_row padding_mobile=&#8221;off&#8221; column_padding_mobile=&#8221;on&#8221; admin_label=&#8221;row&#8221; _builder_version=&#8221;4.0.9&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_margin_tablet=&#8221;0px||0px|&#8221; custom_margin_phone=&#8221;0px||0px|&#8221; custom_padding=&#8221;0px|0px|0px|0px&#8221; custom_padding_tablet=&#8221;0px||0px|&#8221; custom_padding_phone=&#8221;0px||0px|&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.0.47&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Affiliate disclaimer &#8211; Brown&#8221; module_class=&#8221;brownLink&#8221; _builder_version=&#8221;4.0.9&#8243; text_font_size=&#8221;12&#8243; text_orientation=&#8221;center&#8221; background_layout=&#8221;dark&#8221; module_alignment=&#8221;center&#8221; text_font_size_tablet=&#8221;13px&#8221; text_font_size_phone=&#8221;10px&#8221; text_line_height_tablet=&#8221;1.6em&#8221; text_line_height_phone=&#8221;1.5em&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<\/p>\n<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/Affiliate_marketing\" target=\"_blank\" rel=\"noopener noreferrer\">Affiliate marketer:<\/a>\u00a0Which means when you click a link and purchase an item, I may receive a commission. As an Amazon Associate I earn from qualifying purchases. Thank you for your support.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; disabled_on=&#8221;off|off|off&#8221; admin_label=&#8221;More From Divi Dude &#8211; Blogs&#8221; _builder_version=&#8221;4.0.9&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#f9ffce&#8221; background_color_gradient_end=&#8221;#f0ff23&#8243; background_color_gradient_type=&#8221;radial&#8221; custom_margin=&#8221;0px||||false|false&#8221; custom_padding=&#8221;0px|0px|18px|0px|false|false&#8221; custom_padding_tablet=&#8221;50px|0|50px|0&#8243; custom_padding_phone=&#8221;&#8221; top_divider_height=&#8221;44px&#8221; top_divider_flip=&#8221;vertical&#8221; border_color_top=&#8221;#32952d&#8221; box_shadow_style=&#8221;preset7&#8243; box_shadow_horizontal=&#8221;0px&#8221; box_shadow_vertical=&#8221;-2px&#8221; box_shadow_blur=&#8221;6px&#8221; box_shadow_position=&#8221;outer&#8221; global_module=&#8221;4017&#8243; saved_tabs=&#8221;all&#8221;][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; column_padding_mobile=&#8221;on&#8221; admin_label=&#8221;row&#8221; _builder_version=&#8221;4.0.9&#8243; background_color=&#8221;#442b00&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;100%&#8221; max_width=&#8221;2560px&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;0px||||false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; custom_padding_tablet=&#8221;32px|0px|0px|0px&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.0.47&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Headline: Featured Divi Dude Tutorials&#8221; _builder_version=&#8221;4.0.9&#8243; header_font_size=&#8221;54px&#8221; header_2_text_color=&#8221;#ffffff&#8221; header_2_font_size=&#8221;40px&#8221; text_orientation=&#8221;center&#8221; background_layout=&#8221;dark&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;5px||0px||false|false&#8221; header_font_size_tablet=&#8221;46px&#8221; header_font_size_phone=&#8221;40px&#8221; header_text_shadow_style=&#8221;preset5&#8243; header_text_shadow_color=&#8221;#fe8727&#8243; header_2_text_shadow_style=&#8221;preset5&#8243; header_2_text_shadow_horizontal_length=&#8221;0.02em&#8221; header_2_text_shadow_vertical_length=&#8221;0.03em&#8221; header_2_text_shadow_color=&#8221;#000000&#8243; inline_fonts=&#8221;Droid Sans&#8221;]<\/p>\n<h2><strong>More From Divi Dude<\/strong><\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; module_class=&#8221;blogGridHeight &#8221; _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_margin=&#8221;||20px|&#8221; custom_padding=&#8221;27px|0px|0px|0px&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;3.0.47&#8243; background_position=&#8221;top_left&#8221; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blog fullwidth=&#8221;off&#8221; posts_number=&#8221;1&#8243; include_categories=&#8221;current&#8221; use_manual_excerpt=&#8221;off&#8221; show_author=&#8221;off&#8221; show_date=&#8221;off&#8221; show_categories=&#8221;off&#8221; show_excerpt=&#8221;off&#8221; show_pagination=&#8221;off&#8221; _builder_version=&#8221;4.0.9&#8243; header_font=&#8221;|on|||&#8221; header_text_align=&#8221;center&#8221; header_text_color=&#8221;#32952d&#8221; header_font_size=&#8221;20px&#8221; header_line_height=&#8221;1.1em&#8221; body_font_size=&#8221;16px&#8221; body_line_height=&#8221;1.8em&#8221; custom_margin=&#8221;22px|||||&#8221; custom_css_featured_image=&#8221;border: 1px solid #000;&#8221; custom_css_read_more=&#8221;padding-top:15px;||text-align: center;&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; border_width_all=&#8221;2px&#8221; border_color_all=&#8221;#32952d&#8221; border_style_all=&#8221;solid&#8221; border_width_all_fullwidth=&#8221;1px&#8221; border_color_all_fullwidth=&#8221;#000000&#8243; border_style_all_fullwidth=&#8221;solid&#8221; border_radii_image=&#8221;off|10px|10px||&#8221; border_width_all_image=&#8221;2px&#8221; border_color_all_image=&#8221;#32952d&#8221; box_shadow_style=&#8221;preset3&#8243; box_shadow_color=&#8221;rgba(0,0,0,0.1)&#8221; use_border_color=&#8221;on&#8221; border_color=&#8221;#000000&#8243; use_dropshadow=&#8221;on&#8221;][\/et_pb_blog][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;3.0.47&#8243; background_position=&#8221;top_left&#8221; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blog fullwidth=&#8221;off&#8221; posts_number=&#8221;1&#8243; include_categories=&#8221;29&#8243; use_manual_excerpt=&#8221;off&#8221; show_author=&#8221;off&#8221; show_date=&#8221;off&#8221; show_categories=&#8221;off&#8221; show_excerpt=&#8221;off&#8221; show_pagination=&#8221;off&#8221; _builder_version=&#8221;4.0.9&#8243; header_font=&#8221;|on|||&#8221; header_text_align=&#8221;center&#8221; header_text_color=&#8221;#32952d&#8221; header_font_size=&#8221;20px&#8221; header_line_height=&#8221;1.1em&#8221; body_font_size=&#8221;16px&#8221; body_line_height=&#8221;1.8em&#8221; custom_margin=&#8221;22px|||||&#8221; custom_css_featured_image=&#8221;border: 1px solid #000;&#8221; custom_css_read_more=&#8221;padding-top:15px;||text-align: center;&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; border_width_all=&#8221;2px&#8221; border_color_all=&#8221;#32952d&#8221; border_style_all=&#8221;solid&#8221; border_width_all_fullwidth=&#8221;1px&#8221; border_color_all_fullwidth=&#8221;#000000&#8243; border_style_all_fullwidth=&#8221;solid&#8221; border_radii_image=&#8221;off|10px|10px||&#8221; border_width_all_image=&#8221;2px&#8221; border_color_all_image=&#8221;#32952d&#8221; box_shadow_style=&#8221;preset3&#8243; box_shadow_color=&#8221;rgba(0,0,0,0.1)&#8221; use_border_color=&#8221;on&#8221; border_color=&#8221;#000000&#8243; use_dropshadow=&#8221;on&#8221;][\/et_pb_blog][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;3.0.47&#8243; background_position=&#8221;top_left&#8221; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blog fullwidth=&#8221;off&#8221; posts_number=&#8221;1&#8243; include_categories=&#8221;14,78,80,18&#8243; use_manual_excerpt=&#8221;off&#8221; show_author=&#8221;off&#8221; show_date=&#8221;off&#8221; show_categories=&#8221;off&#8221; show_excerpt=&#8221;off&#8221; show_pagination=&#8221;off&#8221; offset_number=&#8221;3&#8243; _builder_version=&#8221;4.0.9&#8243; header_font=&#8221;|on|||&#8221; header_text_align=&#8221;center&#8221; header_text_color=&#8221;#32952d&#8221; header_font_size=&#8221;20px&#8221; header_line_height=&#8221;1.1em&#8221; body_font_size=&#8221;16px&#8221; body_line_height=&#8221;1.8em&#8221; custom_margin=&#8221;22px|||||&#8221; custom_css_featured_image=&#8221;border: 1px solid #000;&#8221; custom_css_read_more=&#8221;padding-top:15px;||text-align: center;&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; border_width_all=&#8221;2px&#8221; border_color_all=&#8221;#32952d&#8221; border_style_all=&#8221;solid&#8221; border_width_all_fullwidth=&#8221;1px&#8221; border_color_all_fullwidth=&#8221;#000000&#8243; border_style_all_fullwidth=&#8221;solid&#8221; border_radii_image=&#8221;off|10px|10px||&#8221; border_width_all_image=&#8221;2px&#8221; border_color_all_image=&#8221;#32952d&#8221; box_shadow_style=&#8221;preset3&#8243; box_shadow_color=&#8221;rgba(0,0,0,0.1)&#8221; use_border_color=&#8221;on&#8221; border_color=&#8221;#000000&#8243; use_dropshadow=&#8221;on&#8221;][\/et_pb_blog][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n<span class=\"et_bloom_bottom_trigger\"><\/span>","protected":false},"excerpt":{"rendered":"<p>You have this great idea to put multiple blurb modules in a row, so you do it and it looks like crap, because they are not the same size. One module is a lot longer or shorter than the others  and instead of having this symmetrical cascade of modules spanning your page, you have a mish-mashed mess&#8230;<\/p>\n","protected":false},"author":2,"featured_media":1650,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[78,18],"tags":[56,55,20,57],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Equalize Divi&#039;s Blurb Modules<\/title>\n<meta name=\"description\" content=\"Here&#039;s how to equalize Divi&#039;s blurb modules height so they&#039;re all the same. Visit my website for more info on Divi, plus Divi reviews and plugin in choices.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Equalize Divi&#039;s Blurb Modules Height So They&#039;re The Same\" \/>\n<meta property=\"og:description\" content=\"Nothing is worse (well, when designing in Divi) than blurb modules that are not symmetrical (you know, the same size) when in a row. I show you how to add some custom CSS to equalize them.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/\" \/>\n<meta property=\"og:site_name\" content=\"Divi Dude\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/dividude\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/dividude\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-06-14T21:59:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-12-19T19:56:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dividude.com\/wp-content\/uploads\/2018\/06\/Facebook_Equalize_Divi_Blurb_Modules.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"627\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Divi Dude\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TheDiviDude\" \/>\n<meta name=\"twitter:site\" content=\"@TheDiviDude\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Divi Dude\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/\",\"url\":\"https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/\",\"name\":\"Equalize Divi's Blurb Modules\",\"isPartOf\":{\"@id\":\"https:\/\/dividude.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/dividude.com\/wp-content\/uploads\/2018\/06\/Featured_EQUALIZING-BLURB-MODULES-HEIGHT-IN-DIVI.jpg\",\"datePublished\":\"2018-06-14T21:59:00+00:00\",\"dateModified\":\"2019-12-19T19:56:40+00:00\",\"author\":{\"@id\":\"https:\/\/dividude.com\/#\/schema\/person\/a88d88cb917922246caac8b61ddb3352\"},\"description\":\"Here's how to equalize Divi's blurb modules height so they're all the same. Visit my website for more info on Divi, plus Divi reviews and plugin in choices.\",\"breadcrumb\":{\"@id\":\"https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/#primaryimage\",\"url\":\"https:\/\/dividude.com\/wp-content\/uploads\/2018\/06\/Featured_EQUALIZING-BLURB-MODULES-HEIGHT-IN-DIVI.jpg\",\"contentUrl\":\"https:\/\/dividude.com\/wp-content\/uploads\/2018\/06\/Featured_EQUALIZING-BLURB-MODULES-HEIGHT-IN-DIVI.jpg\",\"width\":\"1920\",\"height\":\"1080\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/dividude.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Equalize Divi&#8217;s Blurb Modules&#8217; Height\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/dividude.com\/#website\",\"url\":\"https:\/\/dividude.com\/\",\"name\":\"Divi Dude\",\"description\":\"Average Dude Working In Divi 3  from Elegant Themes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/dividude.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/dividude.com\/#\/schema\/person\/a88d88cb917922246caac8b61ddb3352\",\"name\":\"Divi Dude\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/dividude.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/698259309534eea830e8e62e9f8b8796?s=96&d=wavatar&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/698259309534eea830e8e62e9f8b8796?s=96&d=wavatar&r=g\",\"caption\":\"Divi Dude\"},\"sameAs\":[\"https:\/\/dividude.com\",\"https:\/\/www.facebook.com\/dividude\/\",\"https:\/\/twitter.com\/TheDiviDude\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Equalize Divi's Blurb Modules","description":"Here's how to equalize Divi's blurb modules height so they're all the same. Visit my website for more info on Divi, plus Divi reviews and plugin in choices.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/","og_locale":"en_US","og_type":"article","og_title":"Equalize Divi's Blurb Modules Height So They're The Same","og_description":"Nothing is worse (well, when designing in Divi) than blurb modules that are not symmetrical (you know, the same size) when in a row. I show you how to add some custom CSS to equalize them.","og_url":"https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/","og_site_name":"Divi Dude","article_publisher":"https:\/\/www.facebook.com\/dividude\/","article_author":"https:\/\/www.facebook.com\/dividude\/","article_published_time":"2018-06-14T21:59:00+00:00","article_modified_time":"2019-12-19T19:56:40+00:00","og_image":[{"width":"1200","height":"627","url":"https:\/\/dividude.com\/wp-content\/uploads\/2018\/06\/Facebook_Equalize_Divi_Blurb_Modules.jpg","type":"image\/jpeg"}],"author":"Divi Dude","twitter_card":"summary_large_image","twitter_creator":"@TheDiviDude","twitter_site":"@TheDiviDude","twitter_misc":{"Written by":"Divi Dude","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/","url":"https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/","name":"Equalize Divi's Blurb Modules","isPartOf":{"@id":"https:\/\/dividude.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/#primaryimage"},"image":{"@id":"https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/#primaryimage"},"thumbnailUrl":"https:\/\/dividude.com\/wp-content\/uploads\/2018\/06\/Featured_EQUALIZING-BLURB-MODULES-HEIGHT-IN-DIVI.jpg","datePublished":"2018-06-14T21:59:00+00:00","dateModified":"2019-12-19T19:56:40+00:00","author":{"@id":"https:\/\/dividude.com\/#\/schema\/person\/a88d88cb917922246caac8b61ddb3352"},"description":"Here's how to equalize Divi's blurb modules height so they're all the same. Visit my website for more info on Divi, plus Divi reviews and plugin in choices.","breadcrumb":{"@id":"https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/#primaryimage","url":"https:\/\/dividude.com\/wp-content\/uploads\/2018\/06\/Featured_EQUALIZING-BLURB-MODULES-HEIGHT-IN-DIVI.jpg","contentUrl":"https:\/\/dividude.com\/wp-content\/uploads\/2018\/06\/Featured_EQUALIZING-BLURB-MODULES-HEIGHT-IN-DIVI.jpg","width":"1920","height":"1080"},{"@type":"BreadcrumbList","@id":"https:\/\/dividude.com\/equalize-divis-blurb-modules-height\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dividude.com\/"},{"@type":"ListItem","position":2,"name":"Equalize Divi&#8217;s Blurb Modules&#8217; Height"}]},{"@type":"WebSite","@id":"https:\/\/dividude.com\/#website","url":"https:\/\/dividude.com\/","name":"Divi Dude","description":"Average Dude Working In Divi 3  from Elegant Themes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dividude.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/dividude.com\/#\/schema\/person\/a88d88cb917922246caac8b61ddb3352","name":"Divi Dude","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dividude.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/698259309534eea830e8e62e9f8b8796?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/698259309534eea830e8e62e9f8b8796?s=96&d=wavatar&r=g","caption":"Divi Dude"},"sameAs":["https:\/\/dividude.com","https:\/\/www.facebook.com\/dividude\/","https:\/\/twitter.com\/TheDiviDude"]}]}},"_links":{"self":[{"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/posts\/1388"}],"collection":[{"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/comments?post=1388"}],"version-history":[{"count":0,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/posts\/1388\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/media\/1650"}],"wp:attachment":[{"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/media?parent=1388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/categories?post=1388"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/tags?post=1388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}