<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:media="http://search.yahoo.com/mrss/" >

<channel>
	<title>Accordions | Divi-Childthemes.com</title>
	<atom:link href="https://divi-childthemes.com/category/accordions-module/feed/" rel="self" type="application/rss+xml" />
	<link>https://divi-childthemes.com</link>
	<description>Best Place To Find Creatuve Divi Layouts &#38; Child Themes</description>
	<lastBuildDate>Tue, 01 Sep 2020 09:02:06 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://divi-childthemes.com/wp-content/uploads/2019/11/cropped-dct-favicon-32x32.png</url>
	<title>Accordions | Divi-Childthemes.com</title>
	<link>https://divi-childthemes.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Create Awesome 3 Classic Accordions Design in Divi</title>
		<link>https://divi-childthemes.com/create-awesome-3-classic-accordions-design-in-divi/</link>
		
		<dc:creator><![CDATA[DCT Team]]></dc:creator>
		<pubDate>Mon, 22 Jul 2019 10:16:36 +0000</pubDate>
				<category><![CDATA[Accordions]]></category>
		<category><![CDATA[divi accordion css]]></category>
		<category><![CDATA[divi accordion design]]></category>
		<category><![CDATA[divi accordion layouts]]></category>
		<category><![CDATA[divi accordion module]]></category>
		<category><![CDATA[divi accordion styling]]></category>
		<category><![CDATA[divi accordion tutorial]]></category>
		<guid isPermaLink="false">http://divi-childthemes.com/?p=4385476</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://divi-childthemes.com/create-awesome-3-classic-accordions-design-in-divi/">Create Awesome 3 Classic Accordions Design in Divi</a> appeared first on <a rel="nofollow" href="https://divi-childthemes.com">Divi-Childthemes.com</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_0 et_section_regular" data-padding="0|0px|0|0px" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_0">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_0  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_0  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p><strong>In this tutorial,We are going to show you FAQ in list view with Classic Design that just may surprise you.<span>Today We are sharing a step by step tutorial for FAQ List view  Using Divi Accordion module to anywhere on your website.<span> </span></span></strong></p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_1 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_1">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_1  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_1  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Style 1</p></div>
			</div><div class="et_pb_module et_pb_accordion et_pb_accordion_0 dct_faq_v2">
				
				
				
				
				<div class="et_pb_toggle et_pb_module et_pb_accordion_item et_pb_accordion_item_0  et_pb_toggle_open">
				
				
				
				
				<h5 class="et_pb_toggle_title">Section 1</h5>
				<div class="et_pb_toggle_content clearfix">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, </div>
			</div><div class="et_pb_toggle et_pb_module et_pb_accordion_item et_pb_accordion_item_1  et_pb_toggle_close">
				
				
				
				
				<h5 class="et_pb_toggle_title">Section 2</h5>
				<div class="et_pb_toggle_content clearfix">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, </div>
			</div><div class="et_pb_toggle et_pb_module et_pb_accordion_item et_pb_accordion_item_2  et_pb_toggle_close">
				
				
				
				
				<h5 class="et_pb_toggle_title">Section 3</h5>
				<div class="et_pb_toggle_content clearfix">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, </div>
			</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_2  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Style 2</p></div>
			</div><div class="et_pb_module et_pb_accordion et_pb_accordion_1 dct_faq_v1">
				
				
				
				
				<div class="et_pb_toggle et_pb_module et_pb_accordion_item et_pb_accordion_item_3  et_pb_toggle_open">
				
				
				
				
				<h5 class="et_pb_toggle_title">Section 1</h5>
				<div class="et_pb_toggle_content clearfix">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, </div>
			</div><div class="et_pb_toggle et_pb_module et_pb_accordion_item et_pb_accordion_item_4  et_pb_toggle_close">
				
				
				
				
				<h5 class="et_pb_toggle_title">Section 2</h5>
				<div class="et_pb_toggle_content clearfix">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, </div>
			</div><div class="et_pb_toggle et_pb_module et_pb_accordion_item et_pb_accordion_item_5  et_pb_toggle_close">
				
				
				
				
				<h5 class="et_pb_toggle_title">Section 3</h5>
				<div class="et_pb_toggle_content clearfix">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, </div>
			</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_3  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Style 3</p></div>
			</div><div class="et_pb_module et_pb_accordion et_pb_accordion_2 dct_faq_v3">
				
				
				
				
				<div class="et_pb_toggle et_pb_module et_pb_accordion_item et_pb_accordion_item_6  et_pb_toggle_open">
				
				
				
				
				<h5 class="et_pb_toggle_title">Section 1</h5>
				<div class="et_pb_toggle_content clearfix">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, </div>
			</div><div class="et_pb_toggle et_pb_module et_pb_accordion_item et_pb_accordion_item_7  et_pb_toggle_close">
				
				
				
				
				<h5 class="et_pb_toggle_title">Section 2</h5>
				<div class="et_pb_toggle_content clearfix">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, </div>
			</div><div class="et_pb_toggle et_pb_module et_pb_accordion_item et_pb_accordion_item_8  et_pb_toggle_close">
				
				
				
				
				<h5 class="et_pb_toggle_title">Section 3</h5>
				<div class="et_pb_toggle_content clearfix">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, </div>
			</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_2">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_2  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_button_module_wrapper et_pb_button_0_wrapper et_pb_button_alignment_center et_pb_module ">
				<a class="et_pb_button et_pb_button_0 et_pb_bg_layout_light" href="http://divi-childthemes.com/wp-content/uploads/2019/07/DCT_ACCORDION_LISTVIEW.zip" target="_blank" data-icon="&#xe004;">Download Json File</a>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_3  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_button_module_wrapper et_pb_button_1_wrapper et_pb_button_alignment_center et_pb_module ">
				<a class="et_pb_button et_pb_button_1 dct-t-btn et_pb_bg_layout_light" href="http://divifreebies.divi-childthemes.com/divi-accordion-module-with-3-creative-style/" target="_blank" data-icon="&#xe004;">View Full Demo</a>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_2 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_3">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_4  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_4  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>HOw TO Install Classic Accordion Design in Divi </h2></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_5  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p><strong>Step 1</strong>. Download <a href="http://divi-childthemes.com/wp-content/uploads/2019/07/DCT_ACCORDION_LISTVIEW.zip">DCT_ACCORDION_LISTVIEW.zip</a> File</p>
<p><strong>Step 2</strong>. Unzip Zip Folder</p>
<p><strong>Step 3</strong>. Import <a href="http://divi-childthemes.com/wp-content/uploads/2019/07/DCT_ACCORDION_LISTVIEW.zip">Divi_Accordion_Module_With_List_View_And_Creative_Style.json</a>  file on Divi -&gt; Divi Library -&gt; Import &amp; Export Button</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_4">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_5  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_0">
				
				
				
				
				<a href="http://divi-childthemes.com/wp-content/uploads/2019/04/B1.png" class="et_pb_lightbox_image" title=""><span class="et_pb_image_wrap "><img fetchpriority="high" decoding="async" width="1349" height="637" src="http://divi-childthemes.com/wp-content/uploads/2019/04/B1.png" alt="Create Awesome 3 Classic Accordions Design in Divi" title="Create Awesome 3 Classic Accordions Design in Divi 1" srcset="https://divi-childthemes.com/wp-content/uploads/2019/04/B1.png 1349w, https://divi-childthemes.com/wp-content/uploads/2019/04/B1-713x337.png 713w, https://divi-childthemes.com/wp-content/uploads/2019/04/B1-64x30.png 64w, https://divi-childthemes.com/wp-content/uploads/2019/04/B1-600x283.png 600w, https://divi-childthemes.com/wp-content/uploads/2019/04/B1-300x142.png 300w, https://divi-childthemes.com/wp-content/uploads/2019/04/B1-768x363.png 768w, https://divi-childthemes.com/wp-content/uploads/2019/04/B1-1024x484.png 1024w, https://divi-childthemes.com/wp-content/uploads/2019/04/B1-610x288.png 610w, https://divi-childthemes.com/wp-content/uploads/2019/04/B1-1080x510.png 1080w" sizes="(max-width: 1349px) 100vw, 1349px" class="wp-image-34823"></span></a>
			</div><div class="et_pb_module et_pb_text et_pb_text_6  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p><strong>Step 4</strong>. After import layout json files you can see in below</p></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_1">
				
				
				
				
				<a href="http://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-1.png" class="et_pb_lightbox_image" title=""><span class="et_pb_image_wrap "><img decoding="async" width="1920" height="372" src="http://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-1.png" alt="Create Awesome 3 Classic Accordions Design in Divi" title="Create Awesome 3 Classic Accordions Design in Divi 2" srcset="https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-1.png 1920w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-1-713x138.png 713w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-1-1426x276.png 1426w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-1-64x12.png 64w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-1-150x29.png 150w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-1-768x149.png 768w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-1-610x118.png 610w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-1-1080x209.png 1080w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-1-600x116.png 600w" sizes="(max-width: 1920px) 100vw, 1920px" class="wp-image-4385508"></span></a>
			</div><div class="et_pb_module et_pb_text et_pb_text_7  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p><strong>Step 5 : </strong>Create New Page  > Click on “+” Icon see below image</p></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_2">
				
				
				
				
				<a href="http://divi-childthemes.com/wp-content/uploads/2019/04/ST2.png" class="et_pb_lightbox_image" title=""><span class="et_pb_image_wrap "><img decoding="async" width="869" height="202" src="http://divi-childthemes.com/wp-content/uploads/2019/04/ST2.png" alt="Create Awesome 3 Classic Accordions Design in Divi" title="Create Awesome 3 Classic Accordions Design in Divi 3" srcset="https://divi-childthemes.com/wp-content/uploads/2019/04/ST2.png 869w, https://divi-childthemes.com/wp-content/uploads/2019/04/ST2-713x166.png 713w, https://divi-childthemes.com/wp-content/uploads/2019/04/ST2-64x15.png 64w, https://divi-childthemes.com/wp-content/uploads/2019/04/ST2-600x139.png 600w, https://divi-childthemes.com/wp-content/uploads/2019/04/ST2-300x70.png 300w, https://divi-childthemes.com/wp-content/uploads/2019/04/ST2-768x179.png 768w, https://divi-childthemes.com/wp-content/uploads/2019/04/ST2-610x142.png 610w" sizes="(max-width: 869px) 100vw, 869px" class="wp-image-34825"></span></a>
			</div><div class="et_pb_module et_pb_text et_pb_text_8  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p><strong>Step 6</strong>. After click ,layout will be load then Publish Page</p></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_3">
				
				
				
				
				<a href="http://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-2.png" class="et_pb_lightbox_image" title=""><span class="et_pb_image_wrap "><img decoding="async" width="1920" height="690" src="http://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-2.png" alt="Create Awesome 3 Classic Accordions Design in Divi" title="Create Awesome 3 Classic Accordions Design in Divi 4" srcset="https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-2.png 1920w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-2-713x256.png 713w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-2-1426x512.png 1426w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-2-64x23.png 64w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-2-150x54.png 150w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-2-768x276.png 768w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-2-610x219.png 610w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-2-1080x388.png 1080w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-2-600x216.png 600w" sizes="(max-width: 1920px) 100vw, 1920px" class="wp-image-4385509"></span></a>
			</div><div class="et_pb_module et_pb_text et_pb_text_9  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p><strong>Step 7</strong>. Here two way possibility of use tilt .</p>
<p><strong>1. Using Child theme</strong><br /> On unzip folder you can found Child Theme folder “<a href="http://divi-childthemes.com/wp-content/uploads/2019/07/DCT_ACCORDION_LISTVIEW.zip">DCT_ACCORDION_LISTVIEW.zip</a>” file so just upload and activate.</p>
<p>If child theme already exist then follow below step<br /> -&gt; Copy enqueue script function “<strong>DCT_ACCORDION_LISTVIEW</strong>”  code and paste on your existing child theme functions.php file.<br /> -&gt; Copy &#8220;<strong>DCT_ACCORDION_LISTVIEW.css</strong> &#8221; code and paste on your existing child theme style.css file.</p></div>
			</div><div class="et_pb_module et_pb_toggle et_pb_toggle_0 dct_toggle et_pb_toggle_item  et_pb_toggle_close">
				
				
				
				
				<h5 class="et_pb_toggle_title">DCT_ACCORDION_LISTVIEW In Function.php</h5>
				<div class="et_pb_toggle_content clearfix"><pre>function DCT_ACCORDION_LISTVIEW() { 
wp_enqueue_style( 'accordion-list-view', get_stylesheet_directory_uri() . '/DCT_ACCORDION_LISTVIEW.css' ); 
	
}
/* Add Front-Site Css 
-------------------------------------------------------------- */
add_action( 'wp_enqueue_scripts', 'DCT_ACCORDION_LISTVIEW' );
</pre></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_5">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_6  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_10  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p><strong>2. Without Child theme</strong><br />-&gt; Upload “<strong>DCT_ACCORDION_LISTVIEW.CSS</strong>”  file on your server or anywhere and add that path on Divi-&gt; Theme Options -&gt; GENeRAL Tab.<br />-&gt; Copy CSS code from FOLDER file and paste on Divi-&gt; Theme Options -&gt; GENeRAL Tab -&gt; Custom CSS.<br />Just PASTE CSS code in CUSTOM CSS TAB AND SAVE IT.</p>
<p>See image</p></div>
			</div><div class="et_pb_module et_pb_toggle et_pb_toggle_1 dct_toggle et_pb_toggle_item  et_pb_toggle_close">
				
				
				
				
				<h5 class="et_pb_toggle_title">DIVI accordion MODULE WITH LISTVIEW &amp; classic design css </h5>
				<div class="et_pb_toggle_content clearfix"><pre>/*---FAQ V1---------*/   <br />.dct_faq_v1 .et_pb_toggle{border:none;padding:0;margin-bottom:0!important;padding-bottom:10px}<br />.dct_faq_v1 .et_pb_toggle:before{content:"";display:block;height:100%;border:1px solid #999;top:25px;left:20px;<br />z-index:-1;position:absolute}<br />.dct_faq_v1 .et_pb_toggle:last-child:before{display:none}<br />.dct_faq_v1 .et_pb_toggle h5{padding:0;border:none;border-radius:0;position:relative}<br />.dct_faq_v1 .et_pb_toggle .et_pb_toggle_title{z-index:1;padding:27px 0 27px 60px}<br />.dct_faq_v1 .et_pb_toggle_open h5{margin-bottom:20px}<br />.dct_faq_v1 .et_pb_toggle h5:before,<br />.dct_faq_v1 .et_pb_toggle_close h5::before{font-size:30px;right:auto;left:0}<br />.dct_faq_v1 .et_pb_toggle_title::before{padding:5px;background:#da4b69;color:#fff!important;font-weight:400}<br />.dct_faq_v1 .et_pb_toggle_close{background:0,0}.dct_faq_v1 .et_pb_toggle_close h5:before{content:'L'}<br />.dct_faq_v1 .et_pb_toggle_open h5:before{content:"K"!important;display:block!important}<br />.dct_faq_v1 .et_pb_toggle_open h5{color:df8d12!important;padding-top:0!important;padding-bottom:0!important}<br />.dct_faq_v1 .et_pb_toggle_content{padding:40px 20px 30px;margin-left:40px;border-top:none;background:#da4b69;<br />font-size:15px;box-sizing:border-box;color:#fff;line-height:28px;letter-spacing:1px;<br />-webkit-clip-path:polygon(0 15%,15% 15%,15% 0,85% 0,85% 15%,100% 15%,100% 85%,85% 85%,85% 100%,15% 100%,15% 85%,0 85%);<br />clip-path:polygon(0 15%,15% 15%,15% 0,85% 0,85% 15%,100% 15%,100% 85%,85% 85%,85% 100%,15% 100%,15% 85%,0 85%)}<br />.dct_faq_v1 .et_pb_toggle_content p{text-align:center;letter-spacing:0;box-sizing:border-box;margin:0 0 10px}<br />@media only screen and (max-width:480px){.dct_faq_v1 .et_pb_toggle_content{padding:70px 10px}}	</p>
<p>
<p>/*---FAQ V2---------*/</p>
<p>.dct_faq_v2 .et_pb_toggle{border:none;padding:0;margin-bottom:0!important}<br />.dct_faq_v2 .et_pb_toggle h5{padding:0;border:none;border-radius:0;position:relative}<br />.dct_faq_v2 .et_pb_toggle .et_pb_toggle_title{display:block;margin-top:0;margin-bottom:0;font-size:16px;<br />color:inherit;padding:15px 20px 15px 60px!important;margin:0;background:#df8d12;font-size:18px;font-weight:700;<br />letter-spacing:1px;color:#fff;border:1px solid #000;border-radius:0;position:relative}<br />.dct_faq_v2 .et_pb_toggle_open h5{margin-bottom:20px}.dct_faq_v2 .et_pb_toggle h5:before,<br />.dct_faq_v2 .et_pb_toggle_close h5::before{font-size:30px;right:auto;left:0}<br />.dct_faq_v2 .et_pb_toggle_title::before{font-weight:900;width:30px;height:30px;line-height:30px;<br />background:#df8d12;border-radius:5px;border:1px solid #202526;text-align:center;font-size:20px;<br />color:#ffff;position:absolute;left:-20px!important;transition:all .3s ease 0s}<br />.dct_faq_v2 .et_pb_toggle_close h5:before{content:'45'}<br />.dct_faq_v2 .et_pb_toggle_open h5:before{content:"43"!important;display:block!important}<br />.dct_faq_v2 .et_pb_toggle_open h5{color:df8d12!important;padding-top:0!important;padding-bottom:0!important}<br />.dct_faq_v2 .et_pb_toggle_content{padding:20px;margin:0 30px;border-bottom:2px dashed#202526;background:#202526;<br />border-top:none;border-left:2px dashed #202526;border-right:2px dashed #202526;font-size:15px;color:#fff;<br />line-height:28px;letter-spacing:1px}.dct_faq_v2 .et_pb_toggle_content p{font-size:15px;color:#fff;letter-spacing:0;<br />line-height:28px}<br />@media only screen and (max-width:480px){.dct_faq_v2 .et_pb_toggle_content{font-size:14px;line-height:22px;margin:0 10px}}</p>
<p>
<p>/*---FAQ V3---------*/</p>
<p>.dct_faq_v3 .et_pb_toggle{border:none;padding:0}<br />.dct_faq_v3 .et_pb_toggle .et_pb_toggle_title{display:block;padding:10px 20px 10px 60px!important;background:#fe5f55;<br />border-radius:30px;border:2px solid #fe5f55;font-size:20px;font-weight:600;color:#fff;margin-bottom:0;position:relative}<br />.dct_faq_v3 .et_pb_toggle_open h5{margin-bottom:20px}<br />.dct_faq_v3 .et_pb_toggle_title::before{font-weight:900;width:60px;right:auto;left:0 height: 60px;line-height:60px;<br />border-radius:50%;background:#fe5f55;font-size:18px;color:#fff;text-align:center;top:-8px;margin-top:0;<br />border-right:3px solid #fff;position:absolute;left:-30px!important;z-index:1;<br />-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}<br />.dct_faq_v3 .et_pb_toggle_close h5:before{content:'L'}<br />.dct_faq_v3 .et_pb_toggle_open h5:before{content:"K"!important;display:block!important}<br />.dct_faq_v3 .et_pb_toggle_open h5{color:df8d12!important;padding-top:0!important;padding-bottom:0!important}<br />.dct_faq_v3 .et_pb_toggle_content{padding:15px 20px 0;margin:0 0 0 30px;border:none;font-size:14px;<br />color:#333;line-height:28px;position:relative}<br />.dct_faq_v3 .et_pb_toggle_content:after{content:"";border-top:20px solid #fe5f55;<br />border-left:20px solid transparent;border-right:20px solid transparent;position:absolute;bottom:0;<br />visibility:visible;left:-48px;transition:all .3s ease 0s;-webkit-box-sizing:border-box;<br />-moz-box-sizing:border-box;box-sizing:border-box}<br />.dct_faq_v3 .et_pb_toggle_content:before{content:"";display:block;width:5px;height:95%;background:#fe5f55;<br />position:absolute;top:0;left:-30px;transition:all .3s ease 0s;-webkit-box-sizing:border-box;<br />-moz-box-sizing:border-box;box-sizing:border-box}<br />.dct_faq_v3 .et_pb_toggle_content p{font-size:14px;color:#333;line-height:28px;transition:all .3s ease 0s}<br />@media only screen and (max-width:480px){.dct_faq_v3 .et_pb_toggle_content{font-size:14px;line-height:22px;margin:0 10px}<br />.dct_faq_v3 .et_pb_toggle_title::before{top:0;margin-top:0!important}<br />.dct_faq_v3 .et_pb_toggle .et_pb_toggle_title{font-size:15px;padding-left:35px!important;padding-right:25px!important;<br />text-align:center}.dct_faq_v3 .et_pb_toggle_content{padding:10px;padding-left:25px}<br />.dct_faq_v3 .et_pb_toggle_content::before{left:-13px}<br />.dct_faq_v3 .et_pb_toggle_content::after{left:-30px}<br />.dct_faq_v3 .et_pb_toggle_title::before{width:50px;height:50px;line-height:50px}}</pre></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_11  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>&nbsp;</p>
<p>-&gt; Copy style code from <strong>DCT_ACCORDION_LISTVIEW.css</strong> file and paste on Divi -&gt; Theme Options -&gt; General -&gt; Custom CSS .</p>
<p>See Image</p></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_4">
				
				
				
				
				<a href="http://divi-childthemes.com/wp-content/uploads/2019/04/Untitled-2.png" class="et_pb_lightbox_image" title=""><span class="et_pb_image_wrap "><img decoding="async" width="1920" height="567" src="http://divi-childthemes.com/wp-content/uploads/2019/04/Untitled-2.png" alt="Create Awesome 3 Classic Accordions Design in Divi" title="Create Awesome 3 Classic Accordions Design in Divi 5" srcset="https://divi-childthemes.com/wp-content/uploads/2019/04/Untitled-2.png 1920w, https://divi-childthemes.com/wp-content/uploads/2019/04/Untitled-2-713x211.png 713w, https://divi-childthemes.com/wp-content/uploads/2019/04/Untitled-2-1426x421.png 1426w, https://divi-childthemes.com/wp-content/uploads/2019/04/Untitled-2-64x19.png 64w, https://divi-childthemes.com/wp-content/uploads/2019/04/Untitled-2-300x89.png 300w, https://divi-childthemes.com/wp-content/uploads/2019/04/Untitled-2-768x227.png 768w, https://divi-childthemes.com/wp-content/uploads/2019/04/Untitled-2-1024x302.png 1024w, https://divi-childthemes.com/wp-content/uploads/2019/04/Untitled-2-610x180.png 610w, https://divi-childthemes.com/wp-content/uploads/2019/04/Untitled-2-1080x319.png 1080w, https://divi-childthemes.com/wp-content/uploads/2019/04/Untitled-2-600x177.png 600w" sizes="(max-width: 1920px) 100vw, 1920px" class="wp-image-4380820"></span></a>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_6">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_7  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_12  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>FOR SIMPLE EFFECT USE CLASS   “<strong>dct_faq_v1</strong>” ON accordion MODULE .</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_7">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_8  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_5">
				
				
				
				
				<a href="http://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-3.png" class="et_pb_lightbox_image" title=""><span class="et_pb_image_wrap "><img decoding="async" width="1920" height="798" src="http://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-3.png" alt="Create Awesome 3 Classic Accordions Design in Divi" title="Create Awesome 3 Classic Accordions Design in Divi 6" srcset="https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-3.png 1920w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-3-713x296.png 713w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-3-1426x593.png 1426w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-3-64x27.png 64w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-3-150x62.png 150w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-3-768x319.png 768w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-3-610x254.png 610w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-3-1080x449.png 1080w, https://divi-childthemes.com/wp-content/uploads/2019/07/Divi_Accordion_Module_With_List_View_And_Creative_Style-3-600x249.png 600w" sizes="(max-width: 1920px) 100vw, 1920px" class="wp-image-4385510"></span></a>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_8">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_9  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_13  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>
[add_monarch_post]</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a rel="nofollow" href="https://divi-childthemes.com/create-awesome-3-classic-accordions-design-in-divi/">Create Awesome 3 Classic Accordions Design in Divi</a> appeared first on <a rel="nofollow" href="https://divi-childthemes.com">Divi-Childthemes.com</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
