{"id":2953,"date":"2019-08-27T18:58:38","date_gmt":"2019-08-28T01:58:38","guid":{"rendered":"https:\/\/dividude.com\/?p=2953"},"modified":"2020-03-03T08:51:25","modified_gmt":"2020-03-03T16:51:25","slug":"how-to-customize-sidebar-in-divi","status":"publish","type":"post","link":"https:\/\/dividude.com\/how-to-customize-sidebar-in-divi\/","title":{"rendered":"How to Customize Sidebar in Divi"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.0.9&#8243; background_enable_color=&#8221;off&#8221; custom_padding=&#8221;12px||12px|||&#8221; 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;][et_pb_row padding_mobile=&#8221;off&#8221; column_padding_mobile=&#8221;on&#8221; admin_label=&#8221;row&#8221; _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_padding=&#8221;6px|0px|18px|0px&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.0.47&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_post_title _builder_version=&#8221;4.0.9&#8243;][\/et_pb_post_title][et_pb_post_title title=&#8221;off&#8221; admin_label=&#8221;Categories&#8221; _builder_version=&#8221;4.0.9&#8243; meta_text_align=&#8221;center&#8221; meta_text_color=&#8221;#f0ff23&#8243; meta_font_size=&#8221;13px&#8221; background_color=&#8221;#442b00&#8243; width=&#8221;30%&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||17px|||&#8221; border_radii=&#8221;off|4px||4px|&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;#32952d&#8221; box_shadow_style=&#8221;preset3&#8243; global_module=&#8221;3877&#8243; saved_tabs=&#8221;all&#8221;][\/et_pb_post_title][et_pb_text admin_label=&#8221;Author Divi Dude&#8221; _builder_version=&#8221;4.0.9&#8243; text_font=&#8221;||on||||||&#8221; text_font_size=&#8221;14px&#8221; text_orientation=&#8221;center&#8221; custom_padding=&#8221;||0px|||&#8221; global_module=&#8221;3944&#8243; saved_tabs=&#8221;all&#8221;]<\/p>\n<p>By Divi Dude<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.0.9&#8243; background_enable_color=&#8221;off&#8221; custom_padding=&#8221;14px|||||&#8221; 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;][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.0.47&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;COPY: Opening and Step 1&#8243; _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; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<\/p>\n<p>\n<span class='et-dropcap'>I<\/span>f you\u2019re like me and are using the sidebar for your blog posts, then you probably would like to add a little more style to the sidebar using Divi.\u00a0 The generic, out-of-the-box look that comes with WordPress just doesn\u2019t always cut it.<\/p>\n<p>Customizing the sidebar titles and the rest of the sidebar components is easy with a little bit of custom CSS.<\/p>\n<h2>Step 1: Use Inspect tool to View Sidebar<\/h2>\n<p>The first thing we do is Inspect a title to see what class Divi has assigned to it.\u00a0 And by doing this, we can see it is the class .et_pb_widget and for the titles it is .et_pb_widget .widgettitle.<\/p>\n<p>If you&#8217;re not sure how to inspect an item, it&#8217;s really simple.\u00a0 Use your mouse cursor to hover over the item you want to inspect and then click on the right mouse button and choose Inspect (or Inspect Element if using Edge).<\/p>\n<p>[\/et_pb_text][et_pb_code admin_label=&#8221;Adsense Display&#8221; _builder_version=&#8221;3.27.3&#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_Customize_Sidebar --><!-- [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;1561942658&#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: Step 2 &#038; Step 3&#8243; _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; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<\/p>\n<h2>Step 2: Open Stylesheet to add Custom CSS<\/h2>\n<p>Next, we want to open our custom CSS style sheet.\u00a0 We can do that either via the Theme Options panel, the Theme Customizer panel, or in your child theme via the Appearance &gt; Editor menu link in the WordPress dashboard (see this article on <a href=\"https:\/\/dividude.com\/configure-divi-child-theme\/\">how to add your own child theme to Divi<\/a>).<\/p>\n<h2>Step 3: Add Sidebar Class to Stylesheet<\/h2>\n<p>Using your preferred method from step 2, type in:<\/p>\n<p>[\/et_pb_text][et_pb_dmb_code_snippet code=&#8221;LyogQ1VTVE9NSVpFIFRJVExFUyBJTiBTSURFQkFSICovCiAgICAuZXRfcGJfd2lkZ2V0IC53aWRnZXR0aXRsZSB7IAp9IAoKLyogQ1VTVE9NSVpFIFNJREVCQVIgQ09NUE9ORU5UUyAqLwogICAgLmV0X3BiX3dpZGdldCB7IAp9&#8243; language=&#8221;css&#8221; style=&#8221;monokai&#8221; _builder_version=&#8221;3.27.3&#8243; body_font_size_tablet=&#8221;51&#8243; body_line_height_tablet=&#8221;2&#8243; header_font_size_tablet=&#8221;51&#8243; header_line_height_tablet=&#8221;2&#8243; z_index_tablet=&#8221;500&#8243; body_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; body_text_shadow_vertical_length_tablet=&#8221;0px&#8221; body_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; box_shadow_style=&#8221;preset3&#8243; box_shadow_vertical_tablet=&#8221;0px&#8221; box_shadow_blur_tablet=&#8221;40px&#8221; box_shadow_spread_tablet=&#8221;0px&#8221; text_shadow_horizontal_length_tablet=&#8221;0px&#8221; text_shadow_vertical_length_tablet=&#8221;0px&#8221; text_shadow_blur_strength_tablet=&#8221;1px&#8221;]LyogQ1VTVE9NSVpFIFRJVExFUyBJTiBTSURFQkFSICovCiAgICAuZXRfcGJfd2lkZ2V0IC53aWRnZXR0aXRsZSB7IAp9IAoKLyogQ1VTVE9NSVpFIFNJREVCQVIgQ09NUE9ORU5UUyAqLwogICAgLmV0X3BiX3dpZGdldCB7IAp9[\/et_pb_dmb_code_snippet][et_pb_text admin_label=&#8221;Copy: Step 3 continued&#8221; _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>\n<p>Note, we use the \/* *\/ for commenting purposes only.\u00a0 I find it helpful to include a little note before my custom CSS so I know what it does.<\/p>\n<p>Now that we&#8217;ve added the class that we found in step 1, we are ready to start adding our own custom style to the sidebar.\u00a0 We&#8217;ll start with titles in the next step.<\/p>\n<p>[\/et_pb_text][et_pb_code admin_label=&#8221;Adsense Display&#8221; _builder_version=&#8221;3.27.3&#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_Customize_Sidebar --><!-- [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;1561942658&#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_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2019\/08\/custom_sidebar_titles_divi_1_-300&#215;204.jpg&#8221; align=&#8221;center&#8221; _builder_version=&#8221;3.27.1&#8243; z_index_tablet=&#8221;500&#8243; border_width_all=&#8221;2px&#8221; box_shadow_style=&#8221;preset3&#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;][\/et_pb_image][et_pb_text admin_label=&#8221;Copy: Divi Booster Note&#8221; _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>\n<p><em>Note: The above is not an ad for <a title=\"Divi Booster to Customize WordPress Theme\" href=\"https:\/\/divibooster.com\/ref\/171\/?campaign=DD_Custom_Sidebar\" target=\"_blank\" rel=\"noopener noreferrer\">Divi Booster<\/a>, it&#8217;s a sample of the custom sidebar title we are making.<\/em><\/p>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8221;COPY: Step 4&#8243; _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; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<\/p>\n<h2>Step 4: Add CSS To Create Custom Sidebar Title<\/h2>\n<p>Here\u2019s where we can really change the look of the titles.I want to create titles that are in green boxes, with white text, caps and a border. Like what you see in the photo.<\/p>\n<p>[\/et_pb_text][et_pb_dmb_code_snippet code=&#8221;LyogQ1VTVE9NSVpFIFRJVExFUyBJTiBTSURFQkFSICovCi5ldF9wYl93aWRnZXQgLndpZGdldHRpdGxlIHsgICAgCiAgICBiYWNrZ3JvdW5kOiAjMzI5NTJkOyAgICAKICAgIHBhZGRpbmc6IDhweCA4cHg7ICAgIAogICAgY29sb3I6ICNmZmY7ICAgCiAgICBmb250LXNpemU6IDE0cHg7ICAgIAogICAgZm9udC13ZWlnaHQ6IDYwMDsgICAgCiAgICBsaW5lLWhlaWdodDogMTsgICAgCiAgICBsZXR0ZXItc3BhY2luZzogMS4ycHg7ICAgCiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlOyAgICAKICAgIG1hcmdpbi1ib3R0b206MTBweDsgICAgCiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7ICAgIAogICAgYm9yZGVyOiBzb2xpZCAxcHggIzAwMDsKfQ==&#8221; language=&#8221;css&#8221; style=&#8221;monokai&#8221; _builder_version=&#8221;3.27.3&#8243; body_font_size_tablet=&#8221;51&#8243; body_line_height_tablet=&#8221;2&#8243; header_font_size_tablet=&#8221;51&#8243; header_line_height_tablet=&#8221;2&#8243; z_index_tablet=&#8221;500&#8243; body_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; body_text_shadow_vertical_length_tablet=&#8221;0px&#8221; body_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; box_shadow_style=&#8221;preset3&#8243; box_shadow_vertical_tablet=&#8221;0px&#8221; box_shadow_blur_tablet=&#8221;40px&#8221; box_shadow_spread_tablet=&#8221;0px&#8221; text_shadow_horizontal_length_tablet=&#8221;0px&#8221; text_shadow_vertical_length_tablet=&#8221;0px&#8221; text_shadow_blur_strength_tablet=&#8221;1px&#8221;]LyogQ1VTVE9NSVpFIFRJVExFUyBJTiBTSURFQkFSICovCi5ldF9wYl93aWRnZXQgLndpZGdldHRpdGxlIHsgICAgCiAgICBiYWNrZ3JvdW5kOiAjMzI5NTJkOyAgICAKICAgIHBhZGRpbmc6IDhweCA4cHg7ICAgIAogICAgY29sb3I6ICNmZmY7ICAgCiAgICBmb250LXNpemU6IDE0cHg7ICAgIAogICAgZm9udC13ZWlnaHQ6IDYwMDsgICAgCiAgICBsaW5lLWhlaWdodDogMTsgICAgCiAgICBsZXR0ZXItc3BhY2luZzogMS4ycHg7ICAgCiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlOyAgICAKICAgIG1hcmdpbi1ib3R0b206MTBweDsgICAgCiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7ICAgIAogICAgYm9yZGVyOiBzb2xpZCAxcHggIzAwMDsKfQ==[\/et_pb_dmb_code_snippet][et_pb_code admin_label=&#8221;Adsense Display&#8221; _builder_version=&#8221;3.27.3&#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_Customize_Sidebar --><!-- [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;1561942658&#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: Step 4 continued&#8221; _builder_version=&#8221;4.3.4&#8243; hover_enabled=&#8221;0&#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; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<\/p>\n<p>If all this code confuses you, you might want to get a book on CSS so you have a handy reference for the future.\u00a0\u00a0<\/p>\n<p>Other things you can try, include rounding the borders. Add this code to the CSS (it will go between the {} brackets).<\/p>\n<p>[\/et_pb_text][et_pb_dmb_code_snippet code=&#8221;Qm9yZGVyLXJhZGl1czogMjVweDs=&#8221; language=&#8221;css&#8221; style=&#8221;monokai&#8221; _builder_version=&#8221;3.27.3&#8243; body_font_size_tablet=&#8221;51&#8243; body_line_height_tablet=&#8221;2&#8243; header_font_size_tablet=&#8221;51&#8243; header_line_height_tablet=&#8221;2&#8243; z_index_tablet=&#8221;500&#8243; body_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; body_text_shadow_vertical_length_tablet=&#8221;0px&#8221; body_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; box_shadow_style=&#8221;preset3&#8243; box_shadow_vertical_tablet=&#8221;0px&#8221; box_shadow_blur_tablet=&#8221;40px&#8221; box_shadow_spread_tablet=&#8221;0px&#8221; text_shadow_horizontal_length_tablet=&#8221;0px&#8221; text_shadow_vertical_length_tablet=&#8221;0px&#8221; text_shadow_blur_strength_tablet=&#8221;1px&#8221;]Qm9yZGVyLXJhZGl1czogMjVweDs=[\/et_pb_dmb_code_snippet][et_pb_text admin_label=&#8221;COPY: Step 5&#8243; _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; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<\/p>\n<h2>Step 5: Customize the Sidebar Widgets<\/h2>\n<p>Now that we have the sidebar titles customized, let&#8217;s look at the area underneath them.<\/p>\n<p>Since we are on a plain white background, I think it would look nice to offset the sidebar info a bit. So let\u2019s create a box below it that is light grey.<\/p>\n<p>Earlier we used the Inspect Tool to find the class, which if you recall from step one is:<\/p>\n<p>\u00a0<\/p>\n<p>[\/et_pb_text][et_pb_dmb_code_snippet code=&#8221;LyogQ1VTVE9NSVpFIFNJREVCQVIgQ09NUE9ORU5UUyAqLwouZXRfcGJfd2lkZ2V0IHsgCn0=&#8221; language=&#8221;css&#8221; style=&#8221;monokai&#8221; _builder_version=&#8221;3.27.3&#8243; body_font_size_tablet=&#8221;51&#8243; body_line_height_tablet=&#8221;2&#8243; header_font_size_tablet=&#8221;51&#8243; header_line_height_tablet=&#8221;2&#8243; z_index_tablet=&#8221;500&#8243; body_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; body_text_shadow_vertical_length_tablet=&#8221;0px&#8221; body_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; box_shadow_style=&#8221;preset3&#8243; box_shadow_vertical_tablet=&#8221;0px&#8221; box_shadow_blur_tablet=&#8221;40px&#8221; box_shadow_spread_tablet=&#8221;0px&#8221; text_shadow_horizontal_length_tablet=&#8221;0px&#8221; text_shadow_vertical_length_tablet=&#8221;0px&#8221; text_shadow_blur_strength_tablet=&#8221;1px&#8221;]LyogQ1VTVE9NSVpFIFNJREVCQVIgQ09NUE9ORU5UUyAqLwouZXRfcGJfd2lkZ2V0IHsgCn0=[\/et_pb_dmb_code_snippet][et_pb_text admin_label=&#8221;COPY: Step 5 continued&#8221; _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; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<\/p>\n<p>Now let\u2019s figure out how we want it to look.\u00a0 We want to set our display to block, our background to a darker color to set it apart from the white background, so let\u2019s do a grey. We need to set our width so it takes up the entire block.\u00a0 We want to add a little bit of border curvature to it, so we\u2019ll change the radius of the border.\u00a0 We want to add a touch of a drop shadow to the box, so it pops off the screen a bit.\u00a0 We need to set padding to give it a little bit of distance.\u00a0 And finally, we need to hide anything extra.\u00a0 Taking all that into account, we do this:<\/p>\n<p>\u00a0<\/p>\n<p>[\/et_pb_text][et_pb_code admin_label=&#8221;Adsense Display&#8221; _builder_version=&#8221;3.27.3&#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_Customize_Sidebar --><!-- [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;1561942658&#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_dmb_code_snippet code=&#8221;LyogQ1VTVE9NSVpFIFNJREVCQVIgQ09NUE9ORU5UUyAqLwouZXRfcGJfd2lkZ2V0IHsKICAgICAgIGRpc3BsYXk6IGJsb2NrOwogICAgYmFja2dyb3VuZDogI2NjYzsKICAgIHdpZHRoOiAxMDAlOwogICAgYm9yZGVyLXJhZGl1czogM3B4OwogICAgYm94LXNoYWRvdzogMCAxcHggM3B4IHJnYmEoMCwwLDAsLjEpOwogICAgcGFkZGluZy1ib3R0b206IDE1cHg7CiAgICBvdmVyZmxvdzogaGlkZGVuOwp9Cg==&#8221; language=&#8221;css&#8221; style=&#8221;monokai&#8221; _builder_version=&#8221;3.27.3&#8243; body_font_size_tablet=&#8221;51&#8243; body_line_height_tablet=&#8221;2&#8243; header_font_size_tablet=&#8221;51&#8243; header_line_height_tablet=&#8221;2&#8243; z_index_tablet=&#8221;500&#8243; body_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; body_text_shadow_vertical_length_tablet=&#8221;0px&#8221; body_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; box_shadow_style=&#8221;preset3&#8243; box_shadow_vertical_tablet=&#8221;0px&#8221; box_shadow_blur_tablet=&#8221;40px&#8221; box_shadow_spread_tablet=&#8221;0px&#8221; text_shadow_horizontal_length_tablet=&#8221;0px&#8221; text_shadow_vertical_length_tablet=&#8221;0px&#8221; text_shadow_blur_strength_tablet=&#8221;1px&#8221;]LyogQ1VTVE9NSVpFIFNJREVCQVIgQ09NUE9ORU5UUyAqLwouZXRfcGJfd2lkZ2V0IHsKICAgICAgIGRpc3BsYXk6IGJsb2NrOwogICAgYmFja2dyb3VuZDogI2NjYzsKICAgIHdpZHRoOiAxMDAlOwogICAgYm9yZGVyLXJhZGl1czogM3B4OwogICAgYm94LXNoYWRvdzogMCAxcHggM3B4IHJnYmEoMCwwLDAsLjEpOwogICAgcGFkZGluZy1ib3R0b206IDE1cHg7CiAgICBvdmVyZmxvdzogaGlkZGVuOwp9Cg==[\/et_pb_dmb_code_snippet][et_pb_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2019\/08\/custom_sidebar_divi_2.jpg&#8221; align=&#8221;center&#8221; _builder_version=&#8221;3.27.1&#8243; z_index_tablet=&#8221;500&#8243; border_width_all=&#8221;2px&#8221; box_shadow_style=&#8221;preset3&#8243; box_shadow_vertical_tablet=&#8221;0px&#8221; box_shadow_blur_tablet=&#8221;40px&#8221; box_shadow_spread_tablet=&#8221;0px&#8221;][\/et_pb_image][et_pb_text admin_label=&#8221;COPY: Step 6&#8243; _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; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<\/p>\n<h2>Step 6: Customize the Sidebar Bullets<\/h2>\n<p>Now let\u2019s look to see how we can customize any bulleted lists we have in our sidebar. If we look at the bulleted list with the Inspect Tool to find the class, we see it is:<\/p>\n<p>[\/et_pb_text][et_pb_dmb_code_snippet code=&#8221;LyogQ1VTVE9NSVpFIEJVTExFVEVEIExJU1QgSU4gU0lERUJBUiAqLwouZXRfcGJfd2lkZ2V0IGxpIHsgCn0=&#8221; language=&#8221;css&#8221; style=&#8221;monokai&#8221; _builder_version=&#8221;3.27.3&#8243; body_font_size_tablet=&#8221;51&#8243; body_line_height_tablet=&#8221;2&#8243; header_font_size_tablet=&#8221;51&#8243; header_line_height_tablet=&#8221;2&#8243; z_index_tablet=&#8221;500&#8243; body_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; body_text_shadow_vertical_length_tablet=&#8221;0px&#8221; body_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; box_shadow_style=&#8221;preset3&#8243; box_shadow_vertical_tablet=&#8221;0px&#8221; box_shadow_blur_tablet=&#8221;40px&#8221; box_shadow_spread_tablet=&#8221;0px&#8221; text_shadow_horizontal_length_tablet=&#8221;0px&#8221; text_shadow_vertical_length_tablet=&#8221;0px&#8221; text_shadow_blur_strength_tablet=&#8221;1px&#8221;]LyogQ1VTVE9NSVpFIEJVTExFVEVEIExJU1QgSU4gU0lERUJBUiAqLwouZXRfcGJfd2lkZ2V0IGxpIHsgCn0=[\/et_pb_dmb_code_snippet][et_pb_text admin_label=&#8221;COPY: Step 6 continued&#8221; _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; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<\/p>\n<p>I want to keep the same colors we used in the above section where just customized the widget area, so we don\u2019t need to change any of that info. I want to add some lines underneath each bullet, and make sure I set the line height so it\u2019s easier to read.<\/p>\n<p>[\/et_pb_text][et_pb_code admin_label=&#8221;Adsense Display&#8221; _builder_version=&#8221;3.27.3&#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_Customize_Sidebar --><!-- [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;1561942658&#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_dmb_code_snippet code=&#8221;LyogQ1VTVE9NSVpFIEJVTExFVEVEIExJU1QgSU4gU0lERUJBUiAqLwouZXRfcGJfd2lkZ2V0IGxpIHsgICAgCiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgcmdiYSgwLDAsMCwuMSk7CiAgICBtYXJnaW46IDA7CiAgICBwYWRkaW5nOiAxNXB4IDIwcHg7CiAgICBmb250LXNpemU6IDEycHg7CiAgICBsaW5lLWhlaWdodDogMS4zZW07Cn0=&#8221; language=&#8221;css&#8221; style=&#8221;monokai&#8221; _builder_version=&#8221;3.27.3&#8243; body_font_size_tablet=&#8221;51&#8243; body_line_height_tablet=&#8221;2&#8243; header_font_size_tablet=&#8221;51&#8243; header_line_height_tablet=&#8221;2&#8243; z_index_tablet=&#8221;500&#8243; body_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; body_text_shadow_vertical_length_tablet=&#8221;0px&#8221; body_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; box_shadow_style=&#8221;preset3&#8243; box_shadow_vertical_tablet=&#8221;0px&#8221; box_shadow_blur_tablet=&#8221;40px&#8221; box_shadow_spread_tablet=&#8221;0px&#8221; text_shadow_horizontal_length_tablet=&#8221;0px&#8221; text_shadow_vertical_length_tablet=&#8221;0px&#8221; text_shadow_blur_strength_tablet=&#8221;1px&#8221;]LyogQ1VTVE9NSVpFIEJVTExFVEVEIExJU1QgSU4gU0lERUJBUiAqLwouZXRfcGJfd2lkZ2V0IGxpIHsgICAgCiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgcmdiYSgwLDAsMCwuMSk7CiAgICBtYXJnaW46IDA7CiAgICBwYWRkaW5nOiAxNXB4IDIwcHg7CiAgICBmb250LXNpemU6IDEycHg7CiAgICBsaW5lLWhlaWdodDogMS4zZW07Cn0=[\/et_pb_dmb_code_snippet][et_pb_text admin_label=&#8221;COPY: Step 6 continued&#8221; _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; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<\/p>\n<p>It is going to take the current et_pb_widget settings, so if you want to change any of those values within the bullet lists you will need to add them. For instance, in our example we changed the value of the padding.<\/p>\n<p>We don\u2019t want a border under the very last bulleted item, so we need to turn it off just for that last item.<\/p>\n<p>[\/et_pb_text][et_pb_dmb_code_snippet code=&#8221;LyogUkVNT1ZFIExBU1QgTElORSBJTiBCVUxMRVQgTElTVCBTSURFQkFSICovCi5ldF9wYl93aWRnZXQgbGk6bGFzdC1jaGlsZCB7CiAgICBib3JkZXI6IDA7Cn0=&#8221; language=&#8221;css&#8221; style=&#8221;monokai&#8221; _builder_version=&#8221;3.27.3&#8243; body_font_size_tablet=&#8221;51&#8243; body_line_height_tablet=&#8221;2&#8243; header_font_size_tablet=&#8221;51&#8243; header_line_height_tablet=&#8221;2&#8243; z_index_tablet=&#8221;500&#8243; body_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; body_text_shadow_vertical_length_tablet=&#8221;0px&#8221; body_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; box_shadow_style=&#8221;preset3&#8243; box_shadow_vertical_tablet=&#8221;0px&#8221; box_shadow_blur_tablet=&#8221;40px&#8221; box_shadow_spread_tablet=&#8221;0px&#8221; text_shadow_horizontal_length_tablet=&#8221;0px&#8221; text_shadow_vertical_length_tablet=&#8221;0px&#8221; text_shadow_blur_strength_tablet=&#8221;1px&#8221;]LyogUkVNT1ZFIExBU1QgTElORSBJTiBCVUxMRVQgTElTVCBTSURFQkFSICovCi5ldF9wYl93aWRnZXQgbGk6bGFzdC1jaGlsZCB7CiAgICBib3JkZXI6IDA7Cn0=[\/et_pb_dmb_code_snippet][et_pb_text admin_label=&#8221;COPY: Step 6 continued&#8221; _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; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<\/p>\n<p>You can play with the values of background, border-radius, box-shadow, and margin to get different looks. (see my <a href=\"https:\/\/youtu.be\/8pQa6XXgmQs\" target=\"_blank\" rel=\"noopener noreferrer\">YouTube tutorial on drop shadows<\/a> if you are not familiar with them).<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2019\/08\/custom_sidebar_divi_4.jpg&#8221; align=&#8221;center&#8221; _builder_version=&#8221;3.27.1&#8243; z_index_tablet=&#8221;500&#8243; border_width_all=&#8221;2px&#8221; box_shadow_style=&#8221;preset3&#8243; box_shadow_vertical_tablet=&#8221;0px&#8221; box_shadow_blur_tablet=&#8221;40px&#8221; box_shadow_spread_tablet=&#8221;0px&#8221;][\/et_pb_image][et_pb_text admin_label=&#8221;COPY: Step 7&#8243; _builder_version=&#8221;3.27.4&#8243; custom_padding=&#8221;||0px|||&#8221; 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; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<\/p>\n<h2>Step 7: Add Custom Styled Bullets<\/h2>\n<p>I like using a sideways triangle for my bullets. We can add them by using the EtModules font family (or you can use an font of your favorite fonts that have the bullet graphic you want). But since we are using Divi, I\u2019ll just use the Divi fonts that comes with the WordPress theme. And because I\u2019ve been using it for years, I know the font I want to use is the letter E. Here\u2019s how I change the code to get a right pointing triangle font.<\/p>\n<p>[\/et_pb_text][et_pb_dmb_code_snippet code=&#8221;LyogQ0hBTkdFIEJVTExFVCBJQ09OIElOIFNJREVCQVIgKi8KLmV0X3BiX3dpZGdldCBsaSBhOmJlZm9yZSB7CiAgICBmbG9hdDogbGVmdDsKICAgIGNvbnRlbnQ6ICJFIjsKICAgIGNvbG9yOiAjZjBmZjIzOwogICAgZm9udC1mYW1pbHk6ICdFVG1vZHVsZXMnOwp9Cg==&#8221; language=&#8221;css&#8221; style=&#8221;monokai&#8221; _builder_version=&#8221;3.27.3&#8243; body_font_size_tablet=&#8221;51&#8243; body_line_height_tablet=&#8221;2&#8243; header_font_size_tablet=&#8221;51&#8243; header_line_height_tablet=&#8221;2&#8243; z_index_tablet=&#8221;500&#8243; body_text_shadow_horizontal_length_tablet=&#8221;0px&#8221; body_text_shadow_vertical_length_tablet=&#8221;0px&#8221; body_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; box_shadow_style=&#8221;preset3&#8243; box_shadow_vertical_tablet=&#8221;0px&#8221; box_shadow_blur_tablet=&#8221;40px&#8221; box_shadow_spread_tablet=&#8221;0px&#8221; text_shadow_horizontal_length_tablet=&#8221;0px&#8221; text_shadow_vertical_length_tablet=&#8221;0px&#8221; text_shadow_blur_strength_tablet=&#8221;1px&#8221;]LyogQ0hBTkdFIEJVTExFVCBJQ09OIElOIFNJREVCQVIgKi8KLmV0X3BiX3dpZGdldCBsaSBhOmJlZm9yZSB7CiAgICBmbG9hdDogbGVmdDsKICAgIGNvbnRlbnQ6ICJFIjsKICAgIGNvbG9yOiAjZjBmZjIzOwogICAgZm9udC1mYW1pbHk6ICdFVG1vZHVsZXMnOwp9Cg==[\/et_pb_dmb_code_snippet][et_pb_code admin_label=&#8221;Adsense Display&#8221; _builder_version=&#8221;3.27.3&#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_Customize_Sidebar --><!-- [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;1561942658&#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_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2019\/08\/custom_sidebar_divi_5.jpg&#8221; align=&#8221;center&#8221; _builder_version=&#8221;3.27.1&#8243; z_index_tablet=&#8221;500&#8243; border_width_all=&#8221;2px&#8221; box_shadow_style=&#8221;preset3&#8243; box_shadow_vertical_tablet=&#8221;0px&#8221; box_shadow_blur_tablet=&#8221;40px&#8221; box_shadow_spread_tablet=&#8221;0px&#8221;][\/et_pb_image][et_pb_text admin_label=&#8221;COPY: End&#8221; _builder_version=&#8221;4.3.4&#8243; hover_enabled=&#8221;0&#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; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<\/p>\n<p>Again, if you want to know what exactly each of these CSS codes do, I highly recommend getting a good CSS book, something you can read even when you don\u2019t have internet access available.<\/p>\n<p>These are just some of the fun things you can do to customize your sidebar from what comes standard in Divi. And if you\u2019re using another WordPress theme, then these should work for you. You will just need to change the class to what your theme uses (which you can find out what it is using the Inspect Tool).<\/p>\n<p>And if you are using another WordPress theme, then you ought to read my <a href=\"https:\/\/dividude.com\/divi-review-10-reasons-why\/\">10 Reasons Why I Use Divi<\/a>. Perhaps it will change your life.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;3.0.47&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_code module_class=&#8221;pinTitleSidebar&#8221; _builder_version=&#8221;3.27.3&#8243; custom_margin=&#8221;||8px|||&#8221; z_index_tablet=&#8221;500&#8243; saved_tabs=&#8221;all&#8221;]<a href=\"https:\/\/www.pinterest.com\/pin\/create\/button\/?url=https:\/\/dividude.com\/how-to-customize-sidebars-in-divi\/&#038;media=https:\/\/dividude.com\/wp-content\/uploads\/2019\/08\/Pinterest_Titles_Customize_Post_Sidebars_In_Divi.jpg\"><!-- [et_pb_line_break_holder] --><\/p>\n<h3>Please Pin Me &#x1f642;<\/h3>\n<p><\/a>[\/et_pb_code][et_pb_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2019\/08\/Pinterest_Titles_Customize_Post_Sidebars_In_Divi.jpg&#8221; alt=&#8221;Cloudways Review for Best Divi Webhosting&#8221; title_text=&#8221;Cloudways Review for Best Divi Webhosting&#8221; url=&#8221;https:\/\/www.pinterest.com\/pin\/create\/button\/?url=https:\/\/dividude.com\/how-to-customize-sidebars-in-divi\/&#038;media=https:\/\/dividude.com\/wp-content\/uploads\/2019\/08\/Pinterest_Titles_Customize_Post_Sidebars_In_Divi.jpg&#8221; align=&#8221;center&#8221; _builder_version=&#8221;3.27.3&#8243; z_index_tablet=&#8221;500&#8243; border_width_all=&#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;][\/et_pb_image][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;][\/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; disabled_on=&#8221;on|on|on&#8221; admin_label=&#8221;section&#8221; _builder_version=&#8221;4.3.3&#8243; background_color=&#8221;#32952d&#8221; custom_padding=&#8221;0px|0px|0px|0px&#8221; custom_padding_tablet=&#8221;0px||0px|&#8221; custom_padding_phone=&#8221;&#8221; transparent_background=&#8221;off&#8221; padding_mobile=&#8221;off&#8221; global_module=&#8221;4086&#8243;][et_pb_row padding_mobile=&#8221;off&#8221; column_padding_mobile=&#8221;on&#8221; admin_label=&#8221;row&#8221; _builder_version=&#8221;4.0.9&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_margin_tablet=&#8221;0px||0px|&#8221; custom_margin_phone=&#8221;0px||0px|&#8221; custom_padding=&#8221;0px|0px|0px|0px&#8221; custom_padding_tablet=&#8221;0px||0px|&#8221; custom_padding_phone=&#8221;0px||0px|&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.0.47&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Affiliate disclaimer &#8211; Brown&#8221; module_class=&#8221;brownLink&#8221; _builder_version=&#8221;4.0.9&#8243; text_font_size=&#8221;12&#8243; text_orientation=&#8221;center&#8221; background_layout=&#8221;dark&#8221; module_alignment=&#8221;center&#8221; text_font_size_tablet=&#8221;13px&#8221; text_font_size_phone=&#8221;10px&#8221; text_line_height_tablet=&#8221;1.6em&#8221; text_line_height_phone=&#8221;1.5em&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<\/p>\n<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/Affiliate_marketing\" target=\"_blank\" rel=\"noopener noreferrer\">Affiliate marketer:<\/a>\u00a0Which means when you click a link and purchase an item, I may receive a commission. As an Amazon Associate I earn from qualifying purchases. Thank you for your support.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; disabled_on=&#8221;off|off|off&#8221; admin_label=&#8221;More From Divi Dude &#8211; Blogs&#8221; _builder_version=&#8221;4.0.9&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#f9ffce&#8221; background_color_gradient_end=&#8221;#f0ff23&#8243; background_color_gradient_type=&#8221;radial&#8221; custom_margin=&#8221;0px||||false|false&#8221; custom_padding=&#8221;0px|0px|18px|0px|false|false&#8221; custom_padding_tablet=&#8221;50px|0|50px|0&#8243; custom_padding_phone=&#8221;&#8221; top_divider_height=&#8221;44px&#8221; top_divider_flip=&#8221;vertical&#8221; border_color_top=&#8221;#32952d&#8221; box_shadow_style=&#8221;preset7&#8243; box_shadow_horizontal=&#8221;0px&#8221; box_shadow_vertical=&#8221;-2px&#8221; box_shadow_blur=&#8221;6px&#8221; box_shadow_position=&#8221;outer&#8221; global_module=&#8221;4017&#8243; saved_tabs=&#8221;all&#8221;][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; column_padding_mobile=&#8221;on&#8221; admin_label=&#8221;row&#8221; _builder_version=&#8221;4.0.9&#8243; background_color=&#8221;#442b00&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;100%&#8221; max_width=&#8221;2560px&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;0px||||false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; custom_padding_tablet=&#8221;32px|0px|0px|0px&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.0.47&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Headline: Featured Divi Dude Tutorials&#8221; _builder_version=&#8221;4.0.9&#8243; header_font_size=&#8221;54px&#8221; header_2_text_color=&#8221;#ffffff&#8221; header_2_font_size=&#8221;40px&#8221; text_orientation=&#8221;center&#8221; background_layout=&#8221;dark&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;5px||0px||false|false&#8221; header_font_size_tablet=&#8221;46px&#8221; header_font_size_phone=&#8221;40px&#8221; header_text_shadow_style=&#8221;preset5&#8243; header_text_shadow_color=&#8221;#fe8727&#8243; header_2_text_shadow_style=&#8221;preset5&#8243; header_2_text_shadow_horizontal_length=&#8221;0.02em&#8221; header_2_text_shadow_vertical_length=&#8221;0.03em&#8221; header_2_text_shadow_color=&#8221;#000000&#8243; inline_fonts=&#8221;Droid Sans&#8221;]<\/p>\n<h2><strong>More From Divi Dude<\/strong><\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; module_class=&#8221;blogGridHeight &#8221; _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_margin=&#8221;||20px|&#8221; custom_padding=&#8221;27px|0px|0px|0px&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;3.0.47&#8243; background_position=&#8221;top_left&#8221; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blog fullwidth=&#8221;off&#8221; posts_number=&#8221;1&#8243; include_categories=&#8221;current&#8221; use_manual_excerpt=&#8221;off&#8221; show_author=&#8221;off&#8221; show_date=&#8221;off&#8221; show_categories=&#8221;off&#8221; show_excerpt=&#8221;off&#8221; show_pagination=&#8221;off&#8221; _builder_version=&#8221;4.0.9&#8243; header_font=&#8221;|on|||&#8221; header_text_align=&#8221;center&#8221; header_text_color=&#8221;#32952d&#8221; header_font_size=&#8221;20px&#8221; header_line_height=&#8221;1.1em&#8221; body_font_size=&#8221;16px&#8221; body_line_height=&#8221;1.8em&#8221; custom_margin=&#8221;22px|||||&#8221; custom_css_featured_image=&#8221;border: 1px solid #000;&#8221; custom_css_read_more=&#8221;padding-top:15px;||text-align: center;&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; border_width_all=&#8221;2px&#8221; border_color_all=&#8221;#32952d&#8221; border_style_all=&#8221;solid&#8221; border_width_all_fullwidth=&#8221;1px&#8221; border_color_all_fullwidth=&#8221;#000000&#8243; border_style_all_fullwidth=&#8221;solid&#8221; border_radii_image=&#8221;off|10px|10px||&#8221; border_width_all_image=&#8221;2px&#8221; border_color_all_image=&#8221;#32952d&#8221; box_shadow_style=&#8221;preset3&#8243; box_shadow_color=&#8221;rgba(0,0,0,0.1)&#8221; use_border_color=&#8221;on&#8221; border_color=&#8221;#000000&#8243; use_dropshadow=&#8221;on&#8221;][\/et_pb_blog][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;3.0.47&#8243; background_position=&#8221;top_left&#8221; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blog fullwidth=&#8221;off&#8221; posts_number=&#8221;1&#8243; include_categories=&#8221;29&#8243; use_manual_excerpt=&#8221;off&#8221; show_author=&#8221;off&#8221; show_date=&#8221;off&#8221; show_categories=&#8221;off&#8221; show_excerpt=&#8221;off&#8221; show_pagination=&#8221;off&#8221; _builder_version=&#8221;4.0.9&#8243; header_font=&#8221;|on|||&#8221; header_text_align=&#8221;center&#8221; header_text_color=&#8221;#32952d&#8221; header_font_size=&#8221;20px&#8221; header_line_height=&#8221;1.1em&#8221; body_font_size=&#8221;16px&#8221; body_line_height=&#8221;1.8em&#8221; custom_margin=&#8221;22px|||||&#8221; custom_css_featured_image=&#8221;border: 1px solid #000;&#8221; custom_css_read_more=&#8221;padding-top:15px;||text-align: center;&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; border_width_all=&#8221;2px&#8221; border_color_all=&#8221;#32952d&#8221; border_style_all=&#8221;solid&#8221; border_width_all_fullwidth=&#8221;1px&#8221; border_color_all_fullwidth=&#8221;#000000&#8243; border_style_all_fullwidth=&#8221;solid&#8221; border_radii_image=&#8221;off|10px|10px||&#8221; border_width_all_image=&#8221;2px&#8221; border_color_all_image=&#8221;#32952d&#8221; box_shadow_style=&#8221;preset3&#8243; box_shadow_color=&#8221;rgba(0,0,0,0.1)&#8221; use_border_color=&#8221;on&#8221; border_color=&#8221;#000000&#8243; use_dropshadow=&#8221;on&#8221;][\/et_pb_blog][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;3.0.47&#8243; background_position=&#8221;top_left&#8221; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blog fullwidth=&#8221;off&#8221; posts_number=&#8221;1&#8243; include_categories=&#8221;14,78,80,18&#8243; use_manual_excerpt=&#8221;off&#8221; show_author=&#8221;off&#8221; show_date=&#8221;off&#8221; show_categories=&#8221;off&#8221; show_excerpt=&#8221;off&#8221; show_pagination=&#8221;off&#8221; offset_number=&#8221;3&#8243; _builder_version=&#8221;4.0.9&#8243; header_font=&#8221;|on|||&#8221; header_text_align=&#8221;center&#8221; header_text_color=&#8221;#32952d&#8221; header_font_size=&#8221;20px&#8221; header_line_height=&#8221;1.1em&#8221; body_font_size=&#8221;16px&#8221; body_line_height=&#8221;1.8em&#8221; custom_margin=&#8221;22px|||||&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_css_featured_image=&#8221;border: 1px solid #000;&#8221; custom_css_read_more=&#8221;padding-top:15px;||text-align: center;&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; border_width_all=&#8221;2px&#8221; border_color_all=&#8221;#32952d&#8221; border_style_all=&#8221;solid&#8221; border_width_all_fullwidth=&#8221;1px&#8221; border_color_all_fullwidth=&#8221;#000000&#8243; border_style_all_fullwidth=&#8221;solid&#8221; border_radii_image=&#8221;off|10px|10px||&#8221; border_width_all_image=&#8221;2px&#8221; border_color_all_image=&#8221;#32952d&#8221; box_shadow_style=&#8221;preset3&#8243; box_shadow_color=&#8221;rgba(0,0,0,0.1)&#8221; use_border_color=&#8221;on&#8221; border_color=&#8221;#000000&#8243; use_dropshadow=&#8221;on&#8221;][\/et_pb_blog][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n<span class=\"et_bloom_bottom_trigger\"><\/span>","protected":false},"excerpt":{"rendered":"<p>If you&#8217;re like me and are using the sidebar for your blog posts, then you probably would like to add a little more style to the generic sidebar using Divi.<\/p>\n","protected":false},"author":2,"featured_media":3055,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[77,18],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Customize Sidebar in Divi<\/title>\n<meta name=\"description\" content=\"Sometimes the out-of-the-box sidebar style in Divi and WordPress just doesn&#039;t cut. This Divi tutorial shows you how to customize the sidebar.\" \/>\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\/how-to-customize-sidebar-in-divi\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Customize Sidebar in Divi\" \/>\n<meta property=\"og:description\" content=\"Here are a few tips and tricks to customize the sidebar in Divi on your posts page in this easy-to-follow tutorial.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dividude.com\/how-to-customize-sidebar-in-divi\/\" \/>\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=\"2019-08-28T01:58:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-03-03T16:51:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dividude.com\/wp-content\/uploads\/2019\/08\/Facebook_Titles_Customize_Post_Sidebar_In_Divi.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=\"40 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/dividude.com\/how-to-customize-sidebar-in-divi\/\",\"url\":\"https:\/\/dividude.com\/how-to-customize-sidebar-in-divi\/\",\"name\":\"How to Customize Sidebar in Divi\",\"isPartOf\":{\"@id\":\"https:\/\/dividude.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/dividude.com\/how-to-customize-sidebar-in-divi\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/dividude.com\/how-to-customize-sidebar-in-divi\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/dividude.com\/wp-content\/uploads\/2019\/08\/Featured_Titles_Customize_Post_Sidebar_In_Divi.jpg\",\"datePublished\":\"2019-08-28T01:58:38+00:00\",\"dateModified\":\"2020-03-03T16:51:25+00:00\",\"author\":{\"@id\":\"https:\/\/dividude.com\/#\/schema\/person\/a88d88cb917922246caac8b61ddb3352\"},\"description\":\"Sometimes the out-of-the-box sidebar style in Divi and WordPress just doesn't cut. This Divi tutorial shows you how to customize the sidebar.\",\"breadcrumb\":{\"@id\":\"https:\/\/dividude.com\/how-to-customize-sidebar-in-divi\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dividude.com\/how-to-customize-sidebar-in-divi\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/dividude.com\/how-to-customize-sidebar-in-divi\/#primaryimage\",\"url\":\"https:\/\/dividude.com\/wp-content\/uploads\/2019\/08\/Featured_Titles_Customize_Post_Sidebar_In_Divi.jpg\",\"contentUrl\":\"https:\/\/dividude.com\/wp-content\/uploads\/2019\/08\/Featured_Titles_Customize_Post_Sidebar_In_Divi.jpg\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dividude.com\/how-to-customize-sidebar-in-divi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/dividude.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Customize Sidebar in Divi\"}]},{\"@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":"How to Customize Sidebar in Divi","description":"Sometimes the out-of-the-box sidebar style in Divi and WordPress just doesn't cut. This Divi tutorial shows you how to customize the sidebar.","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\/how-to-customize-sidebar-in-divi\/","og_locale":"en_US","og_type":"article","og_title":"How To Customize Sidebar in Divi","og_description":"Here are a few tips and tricks to customize the sidebar in Divi on your posts page in this easy-to-follow tutorial.","og_url":"https:\/\/dividude.com\/how-to-customize-sidebar-in-divi\/","og_site_name":"Divi Dude","article_publisher":"https:\/\/www.facebook.com\/dividude\/","article_author":"https:\/\/www.facebook.com\/dividude\/","article_published_time":"2019-08-28T01:58:38+00:00","article_modified_time":"2020-03-03T16:51:25+00:00","og_image":[{"width":1200,"height":627,"url":"https:\/\/dividude.com\/wp-content\/uploads\/2019\/08\/Facebook_Titles_Customize_Post_Sidebar_In_Divi.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":"40 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dividude.com\/how-to-customize-sidebar-in-divi\/","url":"https:\/\/dividude.com\/how-to-customize-sidebar-in-divi\/","name":"How to Customize Sidebar in Divi","isPartOf":{"@id":"https:\/\/dividude.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dividude.com\/how-to-customize-sidebar-in-divi\/#primaryimage"},"image":{"@id":"https:\/\/dividude.com\/how-to-customize-sidebar-in-divi\/#primaryimage"},"thumbnailUrl":"https:\/\/dividude.com\/wp-content\/uploads\/2019\/08\/Featured_Titles_Customize_Post_Sidebar_In_Divi.jpg","datePublished":"2019-08-28T01:58:38+00:00","dateModified":"2020-03-03T16:51:25+00:00","author":{"@id":"https:\/\/dividude.com\/#\/schema\/person\/a88d88cb917922246caac8b61ddb3352"},"description":"Sometimes the out-of-the-box sidebar style in Divi and WordPress just doesn't cut. This Divi tutorial shows you how to customize the sidebar.","breadcrumb":{"@id":"https:\/\/dividude.com\/how-to-customize-sidebar-in-divi\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dividude.com\/how-to-customize-sidebar-in-divi\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dividude.com\/how-to-customize-sidebar-in-divi\/#primaryimage","url":"https:\/\/dividude.com\/wp-content\/uploads\/2019\/08\/Featured_Titles_Customize_Post_Sidebar_In_Divi.jpg","contentUrl":"https:\/\/dividude.com\/wp-content\/uploads\/2019\/08\/Featured_Titles_Customize_Post_Sidebar_In_Divi.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/dividude.com\/how-to-customize-sidebar-in-divi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dividude.com\/"},{"@type":"ListItem","position":2,"name":"How to Customize Sidebar in Divi"}]},{"@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\/2953"}],"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=2953"}],"version-history":[{"count":0,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/posts\/2953\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/media\/3055"}],"wp:attachment":[{"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/media?parent=2953"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/categories?post=2953"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/tags?post=2953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}