{"id":1761,"date":"2018-08-13T10:36:52","date_gmt":"2018-08-13T17:36:52","guid":{"rendered":"https:\/\/dividude.com\/?p=1761"},"modified":"2019-12-19T11:29:33","modified_gmt":"2019-12-19T19:29:33","slug":"make-images-round-and-sorta-round","status":"publish","type":"post","link":"https:\/\/dividude.com\/make-images-round-and-sorta-round\/","title":{"rendered":"Turn Square Images Round and Sorta-Round"},"content":{"rendered":"\n[et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|phone&#8221; admin_label=&#8221;section&#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;|220px|12px|220px&#8221; custom_margin_phone=&#8221;0px|0px|15px|0px&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;5px||5px|&#8221; custom_padding_tablet=&#8221;0px||0px|&#8221; custom_padding_phone=&#8221;0px|0px|0px|0px&#8221; hover_enabled=&#8221;0&#8243; text_font_size_last_edited=&#8221;on|phone&#8221; text_font_size_tablet=&#8221;13px&#8221; text_font_size_phone=&#8221;18px&#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_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 admin_label=&#8221;OPENING PARAGRAPH&#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\">H<\/span> ow can you make round images in Divi? Besides magic? Well, you just use some simple custom CSS (it&#8217;s funny how often customizing CSS is the answer on this website). So sit back, put your feet up and read about how easy it is to turn square images into circles. (<em>see pictures below for example<\/em>). And I will even show you how to round corners equally and not so equally that will result in some funky shapes.\u00a0 And as I am wont to do sometimes, I have also created a video to go along with this tutorial on how to make round images in Divi (coming soon).<\/p>\r[\/et_pb_text][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner admin_label=&#8221;Row&#8221; _builder_version=&#8221;3.25&#8243; column_structure=&#8221;1_2,1_2&#8243;][et_pb_column_inner type=&#8221;1_2&#8243; 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.27.4&#8243; z_index_tablet=&#8221;500&#8243; text_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; text_text_shadow_vertical_length_tablet=&#8221;0px&#8221; text_text_shadow_blur_strength_tablet=&#8221;1px&#8221; link_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; link_text_shadow_vertical_length_tablet=&#8221;0px&#8221; link_text_shadow_blur_strength_tablet=&#8221;1px&#8221; ul_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; ul_text_shadow_vertical_length_tablet=&#8221;0px&#8221; ul_text_shadow_blur_strength_tablet=&#8221;1px&#8221; ol_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; ol_text_shadow_vertical_length_tablet=&#8221;0px&#8221; ol_text_shadow_blur_strength_tablet=&#8221;1px&#8221; quote_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; quote_text_shadow_vertical_length_tablet=&#8221;0px&#8221; quote_text_shadow_blur_strength_tablet=&#8221;1px&#8221; header_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; header_text_shadow_vertical_length_tablet=&#8221;0px&#8221; header_text_shadow_blur_strength_tablet=&#8221;1px&#8221; header_2_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; header_2_text_shadow_vertical_length_tablet=&#8221;0px&#8221; header_2_text_shadow_blur_strength_tablet=&#8221;1px&#8221; header_3_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; header_3_text_shadow_vertical_length_tablet=&#8221;0px&#8221; header_3_text_shadow_blur_strength_tablet=&#8221;1px&#8221; header_4_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; header_4_text_shadow_vertical_length_tablet=&#8221;0px&#8221; header_4_text_shadow_blur_strength_tablet=&#8221;1px&#8221; header_5_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; header_5_text_shadow_vertical_length_tablet=&#8221;0px&#8221; header_5_text_shadow_blur_strength_tablet=&#8221;1px&#8221; header_6_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; header_6_text_shadow_vertical_length_tablet=&#8221;0px&#8221; header_6_text_shadow_blur_strength_tablet=&#8221;1px&#8221; box_shadow_horizontal_tablet=&#8221;0px&#8221; box_shadow_vertical_tablet=&#8221;0px&#8221; box_shadow_blur_tablet=&#8221;40px&#8221; box_shadow_spread_tablet=&#8221;0px&#8221;]<img decoding=\"async\" src=\"https:\/\/dividude.com\/wp-content\/uploads\/2018\/07\/Round_Image_Divi_Dude.png\" alt=\"ALT TEXT HERE\" data-pin-media=\"https:\/\/dividude.com\/wp-content\/uploads\/2019\/06\/Pinterest_Titles_Cloudways_Review.png.jpg\">\r[\/et_pb_text][et_pb_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2018\/07\/Round_Image_Divi_Dude.png&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; disabled_on=&#8221;on|on|on&#8221; _builder_version=&#8221;3.26.6&#8243; z_index_tablet=&#8221;500&#8243; box_shadow_horizontal_tablet=&#8221;0px&#8221; box_shadow_vertical_tablet=&#8221;0px&#8221; box_shadow_blur_tablet=&#8221;40px&#8221; box_shadow_spread_tablet=&#8221;0px&#8221; disabled=&#8221;on&#8221;]<p>\r\n&nbsp;<\/p>\r[\/et_pb_image][et_pb_text admin_label=&#8221;CAPTION: Example of square image.&#8221; _builder_version=&#8221;3.27.4&#8243;]<h6 style=\"text-align: center;\"><em>Example of square image.<\/em><\/h6>\r[\/et_pb_text][\/et_pb_column_inner][et_pb_column_inner type=&#8221;1_2&#8243; 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_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2018\/07\/Round_Image_Divi_Dude.png&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; module_class=&#8221;roundImage&#8221; _builder_version=&#8221;3.23&#8243;]<p>\r\n&nbsp;<\/p>\r[\/et_pb_image][et_pb_text admin_label=&#8221;CAPTION: Example of square image turned into circle image.&#8221; _builder_version=&#8221;3.27.4&#8243;]<h6 style=\"text-align: center;\"><em>Example of square image turned into circle image.<\/em><\/h6>\r[\/et_pb_text][\/et_pb_column_inner][\/et_pb_row_inner][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_code admin_label=&#8221;Adsense General (Replace)&#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_Top_General --><!-- [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;1322062677&#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.27.4&#8243; z_index_tablet=&#8221;500&#8243; text_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; text_text_shadow_vertical_length_tablet=&#8221;0px&#8221; text_text_shadow_blur_strength_tablet=&#8221;1px&#8221; link_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; link_text_shadow_vertical_length_tablet=&#8221;0px&#8221; link_text_shadow_blur_strength_tablet=&#8221;1px&#8221; ul_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; ul_text_shadow_vertical_length_tablet=&#8221;0px&#8221; ul_text_shadow_blur_strength_tablet=&#8221;1px&#8221; ol_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; ol_text_shadow_vertical_length_tablet=&#8221;0px&#8221; ol_text_shadow_blur_strength_tablet=&#8221;1px&#8221; quote_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; quote_text_shadow_vertical_length_tablet=&#8221;0px&#8221; quote_text_shadow_blur_strength_tablet=&#8221;1px&#8221; header_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; header_text_shadow_vertical_length_tablet=&#8221;0px&#8221; header_text_shadow_blur_strength_tablet=&#8221;1px&#8221; header_2_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; header_2_text_shadow_vertical_length_tablet=&#8221;0px&#8221; header_2_text_shadow_blur_strength_tablet=&#8221;1px&#8221; header_3_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; header_3_text_shadow_vertical_length_tablet=&#8221;0px&#8221; header_3_text_shadow_blur_strength_tablet=&#8221;1px&#8221; header_4_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; header_4_text_shadow_vertical_length_tablet=&#8221;0px&#8221; header_4_text_shadow_blur_strength_tablet=&#8221;1px&#8221; header_5_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; header_5_text_shadow_vertical_length_tablet=&#8221;0px&#8221; header_5_text_shadow_blur_strength_tablet=&#8221;1px&#8221; header_6_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; header_6_text_shadow_vertical_length_tablet=&#8221;0px&#8221; header_6_text_shadow_blur_strength_tablet=&#8221;1px&#8221; box_shadow_horizontal_tablet=&#8221;0px&#8221; box_shadow_vertical_tablet=&#8221;0px&#8221; box_shadow_blur_tablet=&#8221;40px&#8221; box_shadow_spread_tablet=&#8221;0px&#8221;]<p>The easiest way to accomplish the round image effect is to add a custom CSS class. You can either do this in your child&#8217;s theme style-sheet or using the Divi Theme Options panel or the Divi Theme Customizer panel. I do it through the child theme, just because that&#8217;s how I learned. You do it the way you are most comfortable. Although, I do suggest you create a child theme for customizing Divi (<a href=\"https:\/\/dividude.com\/configure-divi-child-theme\/\">see this page for more info<\/a>).<\/p>\r\n<p>To start, create a custom CSS class called roundImage (you may name it whatever makes sense to you). Now, we want to take the corners and round them off. In order to accomplish this we need to set a border-radius. In the example above I create a full circle, which means each corner has a border radius of 50% (if I wanted to only round corners a bit, then I could make that number smaller, such as 25%).&nbsp; Feel free to play with different numbers to see the different effects you can get. So here&#8217;s what we have so far (don&#8217;t stop reading, we&#8217;re not done).<\/p>\r\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">.roundImage {\r\nborder-radius: 50%;\r\n}<\/pre>\r\n<p>Now in order for it to apply to images, we need to tell the custom CSS class this is for images. And we do that through the img tag. So let&#8217;s add that after the class name but before the attributes, like this:<\/p>\r\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">.roundImage img {\r\nborder-radius: 50%;\r\n}<\/pre>\r\n<p>We&#8217;re almost done. Now, we need to apply it to our images. So whether you are using the image module, or people module, or text module &#8230; I&#8217;m not going to list all the modules here. Whatever module you&#8217;re using, you want to add roundImage (or whatever you named it) to the Custom CSS field found in the Advanced Tab. Notice, I did not put a period in front of roundImage. I find that&#8217;s the most common mistake people make (including me sometimes) when using the Custom CSS field.<\/p>\r[\/et_pb_text][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner _builder_version=&#8221;3.25&#8243; column_structure=&#8221;1_3,1_3,1_3&#8243;][et_pb_column_inner type=&#8221;1_3&#8243; 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_column_inner][et_pb_column_inner type=&#8221;1_3&#8243; 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_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2018\/07\/Round_Image_Add_Custom_Class.png&#8221; show_in_lightbox=&#8221;on&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;3.23&#8243; border_width_all=&#8221;1px&#8221; box_shadow_style=&#8221;preset3&#8243;]<p>\r\n&nbsp;<\/p>\r[\/et_pb_image][\/et_pb_column_inner][et_pb_column_inner type=&#8221;1_3&#8243; 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_column_inner][\/et_pb_row_inner][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 admin_label=&#8221;Border and Drop Shadow&#8221; _builder_version=&#8221;3.27.4&#8243;]<h2>Add Border and Drop Shadow to Round Image<\/h2>\r\n<p>&#8220;But wait a doggone minute!&#8221; you may be saying (probably not), &#8220;the example above has a border and a drop shadow.&#8221;\u00a0 That&#8217;s because I wanted to show you how to do it first. Now let&#8217;s add a border and drop shadow.<\/p>\r\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">.roundImage img {\r\nborder-radius: 50%;\r\nborder: 3px solid #666;\r\nbox-shadow: 2px 2px 10px 2px rgba(0,0,0,.5);\r\n}<\/pre>\r\n<p>Feel free to change the variables to meet your needs. I did a <a href=\"https:\/\/youtu.be\/8pQa6XXgmQs\" target=\"_blank\" rel=\"noopener noreferrer\">tutorial on YouTube<\/a> on adding a drop-shadow, so if the code above confuses you, you may want to <a href=\"https:\/\/youtu.be\/8pQa6XXgmQs\" target=\"_blank\" rel=\"noopener noreferrer\">check it out<\/a>.<\/p>\r[\/et_pb_text][et_pb_text admin_label=&#8221;Multiple Radius in Images&#8221; _builder_version=&#8221;3.27.4&#8243;]<h2>Multiple Radius in Images<\/h2>\r\n<p>Now, it&#8217;s time to start having fun. The above example showed you how to turn a square image into a circle. What if we only wanted to round 1 corner? Can we do that? Yep. How about 2 corners? Yep. How about&#8212; yep!\u00a0 So when you just use border-radius and one number, that tells CSS that you want to change all corners equally. It works the same with margins, padding, etc. If you use two numbers, then the first number handles top-left and bottom-right equally, while the second number handles bottom-left and top-right equally equally. You can even use four numbers with each number representing one corner (<span class=\"token property\">border-radius<\/span><span class=\"token punctuation\">:<\/span>\u00a02<span class=\"token number\">5<\/span>px <span class=\"token number\">5<\/span>px <span class=\"token number\">30<\/span>px <span class=\"token number\">10<\/span>px<span class=\"token punctuation\">;<\/span> <span class=\"token comment\" spellcheck=\"true\">\/* top left, top right, bottom right, bottom left *\/).\u00a0<\/span>To further break it down, you can designate which border you want to target by using border-radius-top-right (use top \/ bottom and right \/ left). Here are some examples.<\/p>\r[\/et_pb_text][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner admin_label=&#8221;Row&#8221; _builder_version=&#8221;3.25&#8243; column_structure=&#8221;1_3,1_3,1_3&#8243;][et_pb_column_inner type=&#8221;1_3&#8243; 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_column_inner][et_pb_column_inner type=&#8221;1_3&#8243; 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_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2018\/07\/Round_Image_Divi_Dude.png&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Image: roundImage2&#8243; module_class=&#8221;roundImage2&#8243; _builder_version=&#8221;3.23&#8243;]<p>\r\n&nbsp;<\/p>\r[\/et_pb_image][\/et_pb_column_inner][et_pb_column_inner type=&#8221;1_3&#8243; 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_column_inner][\/et_pb_row_inner][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_code admin_label=&#8221;Adsense General (Replace)&#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_Top_General --><!-- [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;1322062677&#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;Text: roundImage2&#8243; _builder_version=&#8221;3.27.4&#8243;]<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">.roundImage2 img {border-top-right-radius: 50%;\r\nborder: 3px solid #666;\r\nbox-shadow: 2px 2px 10px 2px rgba(0,0,0,.5);}<\/pre>\r\n<p>&nbsp;<\/p>\r[\/et_pb_text][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner admin_label=&#8221;Row&#8221; _builder_version=&#8221;3.25&#8243; column_structure=&#8221;1_3,1_3,1_3&#8243;][et_pb_column_inner type=&#8221;1_3&#8243; 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_column_inner][et_pb_column_inner type=&#8221;1_3&#8243; 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_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2018\/07\/Round_Image_Divi_Dude.png&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Image: roundImage3&#8243; module_class=&#8221;roundImage3&#8243; _builder_version=&#8221;3.23&#8243;]<p>\r\n&nbsp;<\/p>\r[\/et_pb_image][\/et_pb_column_inner][et_pb_column_inner type=&#8221;1_3&#8243; 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_column_inner][\/et_pb_row_inner][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 admin_label=&#8221;Text: roundImage3&#8243; _builder_version=&#8221;3.27.4&#8243;]<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">.roundImage3 img {border-top-right-radius: 50%;\r\nborder-top-left-radius: 50% !important;\r\nborder: 3px solid #666;\r\nbox-shadow: 2px 2px 10px 2px rgba(0,0,0,.5);}<\/pre>\r[\/et_pb_text][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner admin_label=&#8221;Row&#8221; _builder_version=&#8221;3.25&#8243; column_structure=&#8221;1_3,1_3,1_3&#8243;][et_pb_column_inner type=&#8221;1_3&#8243; 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_column_inner][et_pb_column_inner type=&#8221;1_3&#8243; 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_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2018\/07\/Round_Image_Divi_Dude.png&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Image: roundImage4&#8243; module_class=&#8221;roundImage4&#8243; _builder_version=&#8221;3.23&#8243;]<p>\r\n&nbsp;<\/p>\r[\/et_pb_image][\/et_pb_column_inner][et_pb_column_inner type=&#8221;1_3&#8243; 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_column_inner][\/et_pb_row_inner][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 admin_label=&#8221;Text: roundImage4&#8243; _builder_version=&#8221;3.27.4&#8243;]<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">.roundImage4 img {border-radius: 50% 20%;\r\nborder: 3px solid #666;\r\nbox-shadow: 2px 2px 10px 2px rgba(0,0,0,.5);}<\/pre>\r\n<p>&nbsp;<\/p>\r[\/et_pb_text][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner _builder_version=&#8221;3.25&#8243; column_structure=&#8221;1_3,1_3,1_3&#8243;][et_pb_column_inner type=&#8221;1_3&#8243; 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_column_inner][et_pb_column_inner type=&#8221;1_3&#8243; 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_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2018\/07\/Round_Image_Divi_Dude.png&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Image: roundImage5&#8243; module_class=&#8221;roundImage5&#8243; _builder_version=&#8221;3.23&#8243;]<p>\r\n&nbsp;<\/p>\r[\/et_pb_image][\/et_pb_column_inner][et_pb_column_inner type=&#8221;1_3&#8243; 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_column_inner][\/et_pb_row_inner][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 admin_label=&#8221;roundImage5 Code&#8221; _builder_version=&#8221;3.27.4&#8243;]<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">.roundImage5 img {border-radius: 0% 50%;\r\nborder: 3px solid #666;\r\nbox-shadow: 2px 2px 10px 2px rgba(0,0,0,.5);}<\/pre>\r[\/et_pb_text][et_pb_code admin_label=&#8221;Adsense General (Replace)&#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_Top_General --><!-- [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;1322062677&#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_column_inner][\/et_pb_row_inner][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 admin_label=&#8221;TEXT: Corners Have Vertical and Horizontal Sides&#8221; _builder_version=&#8221;3.27.4&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<h2>Corners Have Vertical and Horizontal Sides<\/h2>\r\n<p>I think the above is pretty straight forward, so now it&#8217;s time to throw a wrench into rounding off corners. Did you know that each corner has two sides to it? Yep, the top (horizontal) and side (vertical). This is where you can start making some funky shapes.<\/p>\r\n<p>Now instead of using singular variables to represent each corner radius, we&#8217;ll use two variables separated by the slash. So, for instance if you want the horizontal portion to be perfectly round, but the vertical portion to only be a little round, you can do something like 50%\/10%. If you are doing corners individually, you do not use the \/ in between.\u00a0 It sounds confusing, but look at my examples below and I hope by seeing it in action it will explain it better than my typing can.<\/p>\r[\/et_pb_text][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner _builder_version=&#8221;3.25&#8243; column_structure=&#8221;1_3,1_3,1_3&#8243;][et_pb_column_inner type=&#8221;1_3&#8243; 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_column_inner][et_pb_column_inner type=&#8221;1_3&#8243; 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_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2018\/07\/Round_Image_Divi_Dude.png&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Image: roundImage6&#8243; module_class=&#8221;roundImage6&#8243; _builder_version=&#8221;3.23&#8243;]<p>\r\n&nbsp;<\/p>\r[\/et_pb_image][\/et_pb_column_inner][et_pb_column_inner type=&#8221;1_3&#8243; 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_column_inner][\/et_pb_row_inner][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 admin_label=&#8221;Text: roundImage6&#8243; _builder_version=&#8221;3.27.4&#8243;]<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">.roundImage6 img {border-radius: 5% \/ 50%;\r\nborder: 3px solid #666;\r\nbox-shadow: 2px 2px 10px 2px rgba(0,0,0,.5);}<\/pre>\r\n<p>&nbsp;<\/p>\r[\/et_pb_text][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner _builder_version=&#8221;3.25&#8243; column_structure=&#8221;1_3,1_3,1_3&#8243;][et_pb_column_inner type=&#8221;1_3&#8243; 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_column_inner][et_pb_column_inner type=&#8221;1_3&#8243; 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_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2018\/07\/Round_Image_Divi_Dude.png&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Image: roundImage7&#8243; module_class=&#8221;roundImage7&#8243; _builder_version=&#8221;3.23&#8243;]<p>\r\n&nbsp;<\/p>\r[\/et_pb_image][\/et_pb_column_inner][et_pb_column_inner type=&#8221;1_3&#8243; 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_column_inner][\/et_pb_row_inner][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_code admin_label=&#8221;Adsense General (Replace)&#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_Top_General --><!-- [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;1322062677&#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;Text: roundImage7&#8243; _builder_version=&#8221;3.27.4&#8243;]<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">.roundImage7 img {border-top-left-radius: 50% 10%;\r\nborder: 3px solid #666;\r\nbox-shadow: 2px 2px 10px 2px rgba(0,0,0,.5);}<\/pre>\r\n<p>&nbsp;<\/p>\r[\/et_pb_text][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner _builder_version=&#8221;3.25&#8243; column_structure=&#8221;1_3,1_3,1_3&#8243;][et_pb_column_inner type=&#8221;1_3&#8243; 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_column_inner][et_pb_column_inner type=&#8221;1_3&#8243; 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_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2018\/07\/Round_Image_Divi_Dude.png&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Image: roundImage8&#8243; module_class=&#8221;roundImage8&#8243; _builder_version=&#8221;3.23&#8243;]<p>\r\n&nbsp;<\/p>\r[\/et_pb_image][\/et_pb_column_inner][et_pb_column_inner type=&#8221;1_3&#8243; 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_column_inner][\/et_pb_row_inner][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 admin_label=&#8221;Text: roundImage8&#8243; _builder_version=&#8221;3.27.4&#8243;]<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">.roundImage8 img {border-top-left-radius: 0%;\r\n  border-top-right-radius: 10% 40%;\r\n  border-bottom-left-radius: 40% 15%;\r\n  border-bottom-right-radius: 20%;\r\nborder: 3px solid #666;\r\nbox-shadow: 2px 2px 10px 2px rgba(0,0,0,.5);}<\/pre>\r\n<p>&nbsp;<\/p>\r[\/et_pb_text][et_pb_code admin_label=&#8221;Adsense General (Replace)&#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_Top_General --><!-- [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;1322062677&#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_column_inner][\/et_pb_row_inner][et_pb_row_inner disabled_on=&#8221;on|on|on&#8221; admin_label=&#8221;Row&#8221; _builder_version=&#8221;3.25&#8243; disabled=&#8221;on&#8221;][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 admin_label=&#8221;TEXT: Turn Landscape Images Into Circles and Centering&#8221; _builder_version=&#8221;3.27.4&#8243;]<h2>Turn Landscape Images Into Circles and Centering<\/h2>\r\n<p>All my examples above were using the CSS with square images. But what if you have an image that is landscaped (wider than it is tall)? Can you turn that into a circle?\u00a0 Um, if you couldn&#8217;t I probably wouldn&#8217;t be writing about it here. So let&#8217;s try it and see what happens.<\/p>\r[\/et_pb_text][et_pb_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2018\/08\/Round_Image_Divi_Dude_landscape.jpg&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Image: roundImage&#8221; module_class=&#8221;roundImage&#8221; _builder_version=&#8221;3.23&#8243;]<p>\r\n&nbsp;<\/p>\r[\/et_pb_image][et_pb_text admin_label=&#8221;Multiple Radius in Images&#8221; _builder_version=&#8221;3.27.4&#8243;]<p>\r\nThat was an unmitigated disaster. On a square image when you round off the corners equally it turns into a circle, but when you do it with a rectangular image, you simply get an oval shape. Which means we need to do a bit more CSS coding. First thing we have to do is lie to the computer and tell it that the image it is displaying is a square. We&#8217;ll do that by using a width and height attribute and then hiding all the extra stuff.<\/p>\r\n<p>In my image below, the height is 250 pixels. So I&#8217;ll use that as my base. In order to make it square I must also make the width 250 pixels. So let&#8217;s do that and see what we get. But before we do that,\u00a0remember above when I wrote we needed to hide the extra. We&#8217;ll do that with the <em>overflow:hidde<\/em>n attribute.<\/p>\r[\/et_pb_text][et_pb_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2018\/08\/Round_Image_Divi_Dude_landscape.jpg&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Image: roundImage9a&#8221; module_class=&#8221;roundImage9a&#8221; _builder_version=&#8221;3.23&#8243;]<p>\r\n&nbsp;<\/p>\r[\/et_pb_image][et_pb_text admin_label=&#8221;Multiple Radius in Images&#8221; _builder_version=&#8221;3.27.4&#8243;]<p>\r\nI don&#8217;t know about you, but I really wasn&#8217;t going for the smushed looked. So let&#8217;s fix it, shall we?<\/p>\r[\/et_pb_text][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner disabled_on=&#8221;on|on|on&#8221; _builder_version=&#8221;3.25&#8243; disabled=&#8221;on&#8221; column_structure=&#8221;1_3,1_3,1_3&#8243;][et_pb_column_inner type=&#8221;1_3&#8243; 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_column_inner][et_pb_column_inner type=&#8221;1_3&#8243; 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_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2018\/08\/Round_Image_Divi_Dude_landscape.jpg&#8221; align_tablet=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Image: roundImage8&#8243; module_class=&#8221;roundImage9a&#8221; _builder_version=&#8221;3.23&#8243;]<p>\r\n&nbsp;<\/p>\r[\/et_pb_image][\/et_pb_column_inner][et_pb_column_inner type=&#8221;1_3&#8243; 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_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>\r\n&nbsp;<\/p>\r[\/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><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<span class=\"et_bloom_bottom_trigger\"><\/span>","protected":false},"excerpt":{"rendered":"<p>How can you make round images in Divi? Besides magic? Well, you just use some simple custom CSS (it&#8217;s funny how often customizing CSS is the answer on this website). So sit back, put your feet up and read about how easy it is to turn square images into circles. <\/p>\n","protected":false},"author":2,"featured_media":1873,"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":[49,20,59],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Turn Square Images Round and Sorta-Round<\/title>\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\/make-images-round-and-sorta-round\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Turn Square Images Round with CSS in Divi\" \/>\n<meta property=\"og:description\" content=\"Client gives you a square image but wants it to be round on their website? No problem. By using simple CSS methods you can turn any square round ... and also sorta round. I show you how in this tutorial.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dividude.com\/make-images-round-and-sorta-round\/\" \/>\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-08-13T17:36:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-12-19T19:29:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dividude.com\/wp-content\/uploads\/2018\/08\/Facebook_Turn_Squares_Round.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=\"25 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/dividude.com\/make-images-round-and-sorta-round\/\",\"url\":\"https:\/\/dividude.com\/make-images-round-and-sorta-round\/\",\"name\":\"Turn Square Images Round and Sorta-Round\",\"isPartOf\":{\"@id\":\"https:\/\/dividude.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/dividude.com\/make-images-round-and-sorta-round\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/dividude.com\/make-images-round-and-sorta-round\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/dividude.com\/wp-content\/uploads\/2018\/08\/Turn_Square_Images_Round.jpg\",\"datePublished\":\"2018-08-13T17:36:52+00:00\",\"dateModified\":\"2019-12-19T19:29:33+00:00\",\"author\":{\"@id\":\"https:\/\/dividude.com\/#\/schema\/person\/a88d88cb917922246caac8b61ddb3352\"},\"breadcrumb\":{\"@id\":\"https:\/\/dividude.com\/make-images-round-and-sorta-round\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dividude.com\/make-images-round-and-sorta-round\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/dividude.com\/make-images-round-and-sorta-round\/#primaryimage\",\"url\":\"https:\/\/dividude.com\/wp-content\/uploads\/2018\/08\/Turn_Square_Images_Round.jpg\",\"contentUrl\":\"https:\/\/dividude.com\/wp-content\/uploads\/2018\/08\/Turn_Square_Images_Round.jpg\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dividude.com\/make-images-round-and-sorta-round\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/dividude.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Turn Square Images Round and Sorta-Round\"}]},{\"@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":"Turn Square Images Round and Sorta-Round","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\/make-images-round-and-sorta-round\/","og_locale":"en_US","og_type":"article","og_title":"Turn Square Images Round with CSS in Divi","og_description":"Client gives you a square image but wants it to be round on their website? No problem. By using simple CSS methods you can turn any square round ... and also sorta round. I show you how in this tutorial.","og_url":"https:\/\/dividude.com\/make-images-round-and-sorta-round\/","og_site_name":"Divi Dude","article_publisher":"https:\/\/www.facebook.com\/dividude\/","article_author":"https:\/\/www.facebook.com\/dividude\/","article_published_time":"2018-08-13T17:36:52+00:00","article_modified_time":"2019-12-19T19:29:33+00:00","og_image":[{"width":1200,"height":627,"url":"https:\/\/dividude.com\/wp-content\/uploads\/2018\/08\/Facebook_Turn_Squares_Round.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":"25 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dividude.com\/make-images-round-and-sorta-round\/","url":"https:\/\/dividude.com\/make-images-round-and-sorta-round\/","name":"Turn Square Images Round and Sorta-Round","isPartOf":{"@id":"https:\/\/dividude.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dividude.com\/make-images-round-and-sorta-round\/#primaryimage"},"image":{"@id":"https:\/\/dividude.com\/make-images-round-and-sorta-round\/#primaryimage"},"thumbnailUrl":"https:\/\/dividude.com\/wp-content\/uploads\/2018\/08\/Turn_Square_Images_Round.jpg","datePublished":"2018-08-13T17:36:52+00:00","dateModified":"2019-12-19T19:29:33+00:00","author":{"@id":"https:\/\/dividude.com\/#\/schema\/person\/a88d88cb917922246caac8b61ddb3352"},"breadcrumb":{"@id":"https:\/\/dividude.com\/make-images-round-and-sorta-round\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dividude.com\/make-images-round-and-sorta-round\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dividude.com\/make-images-round-and-sorta-round\/#primaryimage","url":"https:\/\/dividude.com\/wp-content\/uploads\/2018\/08\/Turn_Square_Images_Round.jpg","contentUrl":"https:\/\/dividude.com\/wp-content\/uploads\/2018\/08\/Turn_Square_Images_Round.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/dividude.com\/make-images-round-and-sorta-round\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dividude.com\/"},{"@type":"ListItem","position":2,"name":"Turn Square Images Round and Sorta-Round"}]},{"@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\/1761"}],"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=1761"}],"version-history":[{"count":0,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/posts\/1761\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/media\/1873"}],"wp:attachment":[{"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/media?parent=1761"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/categories?post=1761"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/tags?post=1761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}