{"id":814,"date":"2018-07-10T10:33:23","date_gmt":"2018-07-10T17:33:23","guid":{"rendered":"https:\/\/dividude.com\/?p=814"},"modified":"2020-01-24T10:00:35","modified_gmt":"2020-01-24T18:00:35","slug":"divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger","status":"publish","type":"post","link":"https:\/\/dividude.com\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/","title":{"rendered":"Divi Tutorial: Customizing Blurb Left Side Image To Make It Larger"},"content":{"rendered":"\n\n[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; custom_padding_tablet=&#8221;50px|0|50px|0&#8243; custom_padding_phone=&#8221;&#8221; hover_enabled=&#8221;0&#8243; transparent_background=&#8221;off&#8221; padding_mobile=&#8221;off&#8221; background_enable_color=&#8221;off&#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>By Divi Dude<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_4,1_4&#8243; _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;3_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;COPY&#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>\r\n<span class='et-dropcap'>W<\/span>hile working on a Game of Thrones <a href=\"https:\/\/gobuyzone.com\/gameofthronesgifts\/\" target=\"_blank\" rel=\"noopener noreferrer\">gift idea<\/a> site, I encountered an issue with the blurb module. I wanted to create a horizontal blurb, but the blurb module seems to work best when vertical. Here&#8217;s a photo of the issue I encountered.<\/p>\r[\/et_pb_text][et_pb_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2016\/12\/tutorialBlurbImage-1.jpg&#8221; alt=&#8221;Fixing Left Image in Blurb Module&#8221; title_text=&#8221;Fixing Left Image in Blurb Module&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Horizontal Blurb Small&#8221; _builder_version=&#8221;3.23&#8243; box_shadow_style=&#8221;preset3&#8243; sticky=&#8221;off&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#000000&#8243; border_width=&#8221;2px&#8221; border_style=&#8221;solid&#8221;][\/et_pb_image][et_pb_text admin_label=&#8221;COPY&#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>\r\nObviously, not quite the effect I was hoping for. Elegant Themes&#8217; Divi 3 is great in many ways, creating a horizontal blurb with a large image is not one of them &#8212; unless of course you customize the CSS. Fortunately, it&#8217;s relatively easy to do. Works with both images and icons, although you will need separate CSS for each of them.<\/p>\r[\/et_pb_text][et_pb_code admin_label=&#8221;Adsense&#8221; _builder_version=&#8221;3.26.3&#8243;]<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><!-- [et_pb_line_break_holder] --><!-- dd_Blurb_Left_Larger --><!-- [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;9804637051&#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&#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>\r\nFirst thing I did was use a modern browser (in my case I used Chrome, but it will also work with Edge and Firefox &#8230; sorry Safari, I have no idea about you). After creating the blurb module with the headline, image, links and text I wanted, I switched the image view to left and was left with a tiny &#8212; I&#8217;m talking miniscule &#8212; photo. So I did what any rational personal would do: I cursed Elegant Themes and Divi until my voice became hoarse, and then I positioned my mouse over the small image and pressed the right button and chose &#8220;Inspect&#8221;.<\/p>\r\n<p>When you Inspect the code, a new panel will open up showing you the behind the scenes code. In Chrome, make sure Elements in the toolbar is chosen and it will show you the HTML markup of the site, pictured below.<\/p>\r[\/et_pb_text][et_pb_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2016\/12\/tutorialBlurbImage-2.jpg&#8221; alt=&#8221;Using Inspect in Blurb Module&#8221; title_text=&#8221;Using Inspect in Blurb Module&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Horizontal Blurb Small&#8221; _builder_version=&#8221;3.23&#8243; box_shadow_style=&#8221;preset3&#8243; sticky=&#8221;off&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#000000&#8243; border_width=&#8221;2px&#8221; border_style=&#8221;solid&#8221;][\/et_pb_image][et_pb_text admin_label=&#8221;COPY&#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>\r\nAt this point, I used my mouse pointer and clicked on the div tag right above my image which is &#8220;et_pb_main_blurb_image&#8221;. And now in my style section (which will either be below or to the right of the HTML markup), I look for the CSS code that is affecting my image&#8217;s size. And there I see it.<\/p>\r[\/et_pb_text][et_pb_code admin_label=&#8221;Adsense&#8221; _builder_version=&#8221;3.26.3&#8243;]<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><!-- [et_pb_line_break_holder] --><!-- dd_Blurb_Left_Larger --><!-- [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;9804637051&#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&#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>\r\nSo the great thing about using Chrome is you\u00a0can change the width settings inside the Inspect tab to see what size works. You\u00a0can also add additional CSS styling to see how it will affect the\u00a0page. <span style=\"color: #ff0000;\">Caution here: This does not change the code, it&#8217;s just giving you a preview.<\/span> You will still need to update your Style sheet either via the Theme Options Panel or in your Child Theme. After you&#8217;ve changed the width to the appropriate size, go ahead and copy and paste just that portion of code (including the classes) and then paste them into your style sheet. Save it and then review your page and you you should have an appropriate size blurb image on the left.<\/p>\r[\/et_pb_text][et_pb_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2018\/07\/got_lamp_divi_blurb.png&#8221; alt=&#8221;Using Inspect in Blurb Module&#8221; title_text=&#8221;Using Inspect in Blurb Module&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Horizontal Blurb Small&#8221; _builder_version=&#8221;3.23&#8243; box_shadow_style=&#8221;preset3&#8243; sticky=&#8221;off&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#000000&#8243; border_width=&#8221;2px&#8221; border_style=&#8221;solid&#8221;][\/et_pb_image][\/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=&#8221;Droid Serif|on|||&#8221; header_text_color=&#8221;#f0ff23&#8243; header_font_size=&#8221;21px&#8221; body_text_color=&#8221;#f0ff23&#8243; body_line_height=&#8221;1.4em&#8221; remove_border=&#8221;off&#8221;][\/et_pb_sidebar][\/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; 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><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>[\/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; saved_tabs=&#8221;all&#8221; global_module=&#8221;4017&#8243;][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;]<h2><strong>More From Divi Dude<\/strong><\/h2>[\/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]\n\n<span class=\"et_bloom_bottom_trigger\"><\/span>","protected":false},"excerpt":{"rendered":"<p>While working on a Game of Thrones gift idea site, I encountered an issue with the blurb module. I wanted to create a horizontal blurb, but the blurb module seems to work best when vertical.<\/p>\n","protected":false},"author":2,"featured_media":1758,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[77,18],"tags":[56,20,58,57],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Divi Tutorial: Customizing Blurb Left Side Image To Make It Larger<\/title>\n<meta name=\"description\" content=\"In this Divi Tutorial, I show you how to customize the blurb left side image to make it larger. Also show how to make the left side blurb icon larger too.\" \/>\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\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customizing Blurb Left Side Image To Make It Larger\" \/>\n<meta property=\"og:description\" content=\"Sometimes you want to make your blurb module read left to right, and not top to bottom. But when you do, Divi makes the image minuscule. Never fear, in this tutorial I show you how to make it as large as you want.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dividude.com\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/\" \/>\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-07-10T17:33:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-01-24T18:00:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dividude.com\/wp-content\/uploads\/2018\/07\/Facebook_Left_Image_Blurb.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=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/dividude.com\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/\",\"url\":\"https:\/\/dividude.com\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/\",\"name\":\"Divi Tutorial: Customizing Blurb Left Side Image To Make It Larger\",\"isPartOf\":{\"@id\":\"https:\/\/dividude.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/dividude.com\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/dividude.com\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/dividude.com\/wp-content\/uploads\/2018\/07\/Featured_Customizing-Blurb-Left-Side-Image-To-Make-It-Larger.jpg\",\"datePublished\":\"2018-07-10T17:33:23+00:00\",\"dateModified\":\"2020-01-24T18:00:35+00:00\",\"author\":{\"@id\":\"https:\/\/dividude.com\/#\/schema\/person\/a88d88cb917922246caac8b61ddb3352\"},\"description\":\"In this Divi Tutorial, I show you how to customize the blurb left side image to make it larger. Also show how to make the left side blurb icon larger too.\",\"breadcrumb\":{\"@id\":\"https:\/\/dividude.com\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dividude.com\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/dividude.com\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/#primaryimage\",\"url\":\"https:\/\/dividude.com\/wp-content\/uploads\/2018\/07\/Featured_Customizing-Blurb-Left-Side-Image-To-Make-It-Larger.jpg\",\"contentUrl\":\"https:\/\/dividude.com\/wp-content\/uploads\/2018\/07\/Featured_Customizing-Blurb-Left-Side-Image-To-Make-It-Larger.jpg\",\"width\":\"1920\",\"height\":\"1080\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dividude.com\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/dividude.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Divi Tutorial: Customizing Blurb Left Side Image To Make It Larger\"}]},{\"@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":"Divi Tutorial: Customizing Blurb Left Side Image To Make It Larger","description":"In this Divi Tutorial, I show you how to customize the blurb left side image to make it larger. Also show how to make the left side blurb icon larger too.","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\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/","og_locale":"en_US","og_type":"article","og_title":"Customizing Blurb Left Side Image To Make It Larger","og_description":"Sometimes you want to make your blurb module read left to right, and not top to bottom. But when you do, Divi makes the image minuscule. Never fear, in this tutorial I show you how to make it as large as you want.","og_url":"https:\/\/dividude.com\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/","og_site_name":"Divi Dude","article_publisher":"https:\/\/www.facebook.com\/dividude\/","article_author":"https:\/\/www.facebook.com\/dividude\/","article_published_time":"2018-07-10T17:33:23+00:00","article_modified_time":"2020-01-24T18:00:35+00:00","og_image":[{"width":"1200","height":"627","url":"https:\/\/dividude.com\/wp-content\/uploads\/2018\/07\/Facebook_Left_Image_Blurb.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":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dividude.com\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/","url":"https:\/\/dividude.com\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/","name":"Divi Tutorial: Customizing Blurb Left Side Image To Make It Larger","isPartOf":{"@id":"https:\/\/dividude.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dividude.com\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/#primaryimage"},"image":{"@id":"https:\/\/dividude.com\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/#primaryimage"},"thumbnailUrl":"https:\/\/dividude.com\/wp-content\/uploads\/2018\/07\/Featured_Customizing-Blurb-Left-Side-Image-To-Make-It-Larger.jpg","datePublished":"2018-07-10T17:33:23+00:00","dateModified":"2020-01-24T18:00:35+00:00","author":{"@id":"https:\/\/dividude.com\/#\/schema\/person\/a88d88cb917922246caac8b61ddb3352"},"description":"In this Divi Tutorial, I show you how to customize the blurb left side image to make it larger. Also show how to make the left side blurb icon larger too.","breadcrumb":{"@id":"https:\/\/dividude.com\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dividude.com\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dividude.com\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/#primaryimage","url":"https:\/\/dividude.com\/wp-content\/uploads\/2018\/07\/Featured_Customizing-Blurb-Left-Side-Image-To-Make-It-Larger.jpg","contentUrl":"https:\/\/dividude.com\/wp-content\/uploads\/2018\/07\/Featured_Customizing-Blurb-Left-Side-Image-To-Make-It-Larger.jpg","width":"1920","height":"1080"},{"@type":"BreadcrumbList","@id":"https:\/\/dividude.com\/divi-tutorial-customizing-blurb-left-side-image-to-make-it-larger\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dividude.com\/"},{"@type":"ListItem","position":2,"name":"Divi Tutorial: Customizing Blurb Left Side Image To Make It Larger"}]},{"@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\/814"}],"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=814"}],"version-history":[{"count":0,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/posts\/814\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/media\/1758"}],"wp:attachment":[{"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/media?parent=814"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/categories?post=814"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/tags?post=814"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}