<?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/"
	>

<channel>
	<title>Page Builder &#8211; GoodLayers</title>
	<atom:link href="https://docs.goodlayers.com/category/page-builder/feed/" rel="self" type="application/rss+xml" />
	<link>https://docs.goodlayers.com</link>
	<description>Documentation</description>
	<lastBuildDate>Thu, 02 Feb 2023 03:48:39 +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>
	<item>
		<title>Page Builder Sidebar Wrapper</title>
		<link>https://docs.goodlayers.com/page-builder-sidebar-wrapper/</link>
		
		<dc:creator><![CDATA[loc]]></dc:creator>
		<pubDate>Wed, 14 Sep 2022 02:43:19 +0000</pubDate>
				<category><![CDATA[Page Builder]]></category>
		<guid isPermaLink="false">https://docs.goodlayers.com/?p=2769</guid>

					<description><![CDATA[A sidebar wrapper is an item that can contain an &#8220;Element Item&#8221; inside it. You can use it to create sections/layouts/parallax backgrounds. You can find the sidebar wrapper in the second tab of the page builder. Try clicking or dragging the item to add it to the container area. The difference between the sidebar wrapper [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>A sidebar wrapper is an item that can contain an &#8220;Element Item&#8221; inside it. You can use it to create sections/layouts/parallax backgrounds. You can find the sidebar wrapper in the second tab of the page builder. Try clicking or dragging the item to add it to the container area.</p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="780" height="531" src="https://docs.goodlayers.com/wp-content/uploads/2022/09/sidebar-wrapper-element.jpg" alt="" class="wp-image-2779" srcset="https://docs.goodlayers.com/wp-content/uploads/2022/09/sidebar-wrapper-element.jpg 780w, https://docs.goodlayers.com/wp-content/uploads/2022/09/sidebar-wrapper-element-300x204.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2022/09/sidebar-wrapper-element-768x523.jpg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>The difference between the sidebar wrapper and the wrapper is you will have a sidebar area in the sidebar wrapper.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="781" height="1024" src="https://docs.goodlayers.com/wp-content/uploads/2022/09/sidebar-wrapper-781x1024.jpg" alt="" class="wp-image-2774" srcset="https://docs.goodlayers.com/wp-content/uploads/2022/09/sidebar-wrapper-781x1024.jpg 781w, https://docs.goodlayers.com/wp-content/uploads/2022/09/sidebar-wrapper-229x300.jpg 229w, https://docs.goodlayers.com/wp-content/uploads/2022/09/sidebar-wrapper-768x1007.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2022/09/sidebar-wrapper.jpg 914w" sizes="(max-width: 781px) 100vw, 781px" /></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Sync Template</title>
		<link>https://docs.goodlayers.com/sync-template/</link>
		
		<dc:creator><![CDATA[loc]]></dc:creator>
		<pubDate>Mon, 25 May 2020 22:07:52 +0000</pubDate>
				<category><![CDATA[Page Builder]]></category>
		<guid isPermaLink="false">https://docs.goodlayers.com/?p=2327</guid>

					<description><![CDATA[Note: if you use same sync template in many places in the same&#160;page. When saving the page, second sync template will override the first one ( with the same name&#160;). So you need to edit the last sync template in the page to apply the changes ( or you can just create another page specifically [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="has-luminous-vivid-amber-background-color has-text-color has-background" style="color:#ffffff">Note:  if you use same sync template in many places in the same&nbsp;page.<br><br>When saving the page, second sync template will override the first one ( with the same name&nbsp;).<br><br>So you need to edit the last sync template in the page to apply the changes ( or you can just create another page specifically for editing the sync template as well )&nbsp;.</p>



<p>For the requested from our customers, we&#8217;re trying our best and created the sync template feature.</p>



<p>It&#8217;s similar to custom template, but it&#8217;s synced between each page.</p>



<p>Eg.&nbsp;</p>



<p>&#8211; You create a sync template name &#8220;test&#8221; on page &#8220;A&#8221;</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img decoding="async" width="714" height="1024" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/sync-template-1-714x1024.png" alt="" class="wp-image-2328" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/sync-template-1-714x1024.png 714w, https://docs.goodlayers.com/wp-content/uploads/2020/05/sync-template-1-209x300.png 209w, https://docs.goodlayers.com/wp-content/uploads/2020/05/sync-template-1-768x1101.png 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/sync-template-1.png 821w" sizes="(max-width: 714px) 100vw, 714px" /></figure></div>



<p>&#8211; You create page &#8220;B&#8221; and use the &#8220;test&#8221; sync template.</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="798" height="476" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/sync-template-2.png" alt="" class="wp-image-2329" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/sync-template-2.png 798w, https://docs.goodlayers.com/wp-content/uploads/2020/05/sync-template-2-300x179.png 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/sync-template-2-768x458.png 768w" sizes="auto, (max-width: 798px) 100vw, 798px" /></figure></div>



<p>&#8211; If you edit the sync template on page &#8220;B&#8221;, it&#8217;ll applied to page &#8220;A&#8221; as well.</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="720" height="1024" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/sync-template-3-720x1024.png" alt="" class="wp-image-2330" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/sync-template-3-720x1024.png 720w, https://docs.goodlayers.com/wp-content/uploads/2020/05/sync-template-3-211x300.png 211w, https://docs.goodlayers.com/wp-content/uploads/2020/05/sync-template-3-768x1092.png 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/sync-template-3.png 815w" sizes="auto, (max-width: 720px) 100vw, 720px" /></figure></div>



<h3 class="wp-block-heading">Translate Sync Template:</h3>



<p>For the sync template, it&#8217;s the global element so you need to translate it in:</p>



<ul class="wp-block-list"><li>For the WPML > String Translation.</li><li>For the Polylang > String Translation.</li></ul>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Page Builder Custom Template</title>
		<link>https://docs.goodlayers.com/page-builder-custom-template/</link>
		
		<dc:creator><![CDATA[loc]]></dc:creator>
		<pubDate>Tue, 19 May 2020 20:27:52 +0000</pubDate>
				<category><![CDATA[Page Builder]]></category>
		<guid isPermaLink="false">https://docs.goodlayers.com/?p=2211</guid>

					<description><![CDATA[The last section of the page buidler tab is &#8220;Custom Template&#8221;. Custom Template gives you an ability to save the template you oftenly use for later uses. To save the custom template, you need to click on the &#8220;Save Template&#8221; button on any elements. Clicking the save template at the page builder head area will [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>The last section of the page buidler tab is &#8220;Custom Template&#8221;. Custom Template gives you an ability to save the template you oftenly use for later uses.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="362" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/custom-template-1024x362.jpg" alt="" class="wp-image-2212" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/custom-template-1024x362.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/custom-template-300x106.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/custom-template-768x272.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/custom-template.jpg 1233w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Custom Template</figcaption></figure>



<p>To save the custom template, you need to click on the &#8220;<strong>Save Template</strong>&#8221; button on any elements.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="572" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/save-template-1024x572.jpg" alt="" class="wp-image-2213" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/save-template-1024x572.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/save-template-300x167.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/save-template-768x429.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/save-template.jpg 1537w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Save Template</figcaption></figure>



<p>Clicking the save template at the page builder head area will save the whole page as a template.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="681" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/save-template2-1024x681.jpg" alt="" class="wp-image-2214" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/save-template2-1024x681.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/save-template2-300x200.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/save-template2-768x511.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/save-template2.jpg 1079w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Save whole page as a template</figcaption></figure>



<p>After clicking the save button, there&#8217;ll be an input box showing for you to fill the template name.</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="566" height="316" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/save-template3.jpg" alt="" class="wp-image-2215" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/save-template3.jpg 566w, https://docs.goodlayers.com/wp-content/uploads/2020/05/save-template3-300x167.jpg 300w" sizes="auto, (max-width: 566px) 100vw, 566px" /><figcaption>Custom Template Name</figcaption></figure></div>



<p>You can remove the template by clicking the close button while hovering over the template you want to remove.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="335" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/remove-template-1024x335.jpg" alt="" class="wp-image-2216" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/remove-template-1024x335.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/remove-template-300x98.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/remove-template-768x251.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/remove-template.jpg 1067w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Remove Template</figcaption></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Page Builder Template</title>
		<link>https://docs.goodlayers.com/page-builder-template/</link>
		
		<dc:creator><![CDATA[loc]]></dc:creator>
		<pubDate>Tue, 19 May 2020 20:23:46 +0000</pubDate>
				<category><![CDATA[Page Builder]]></category>
		<guid isPermaLink="false">https://docs.goodlayers.com/?p=2207</guid>

					<description><![CDATA[Template is a set of pre-built elements that was shown on the demo site. You can find it at the third tab of the page builder area. Clicking or dragging the elements to the container area to add the template items to page builder content area. The content you added will be slightly different due [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Template is a set of pre-built elements that was shown on the demo site. You can find it at the third tab of the page builder area. Clicking or dragging the elements to the container area to add the template items to page builder content area.</p>



<p>The content you added will be slightly different due to the difference of &#8220;Image ID&#8221; and &#8220;skin settings&#8221; on your site</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="346" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/template-1024x346.jpg" alt="" class="wp-image-2208" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/template-1024x346.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/template-300x101.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/template-768x260.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/template.jpg 1292w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Template</figcaption></figure>



<p>We also provide the pre-built block which is a set of elements that we oftenly used to create the site.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="536" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/template-block-1024x536.jpg" alt="" class="wp-image-2209" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/template-block-1024x536.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/template-block-300x157.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/template-block-768x402.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/template-block.jpg 1066w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Demo Template</figcaption></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Page Builder Element</title>
		<link>https://docs.goodlayers.com/page-builder-element/</link>
		
		<dc:creator><![CDATA[loc]]></dc:creator>
		<pubDate>Tue, 19 May 2020 20:21:10 +0000</pubDate>
				<category><![CDATA[Page Builder]]></category>
		<guid isPermaLink="false">https://docs.goodlayers.com/?p=2202</guid>

					<description><![CDATA[&#8220;Element Item&#8221; provides an ability for you to create different item style. You can find the element item list at the second tab of the page builder. You can add the element item by clicking or dragging the element you want to the container area. Unlike wrapper, in &#8220;live view mode&#8221;, you will only see [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>&#8220;Element Item&#8221; provides an ability for you to create different item style. You can find the element item list at the second tab of the page builder. You can add the element item by clicking or dragging the element you want to the container area.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="915" height="725" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/element-item.jpg" alt="" class="wp-image-2204" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/element-item.jpg 915w, https://docs.goodlayers.com/wp-content/uploads/2020/05/element-item-300x238.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/element-item-768x609.jpg 768w" sizes="auto, (max-width: 915px) 100vw, 915px" /><figcaption>Element Item</figcaption></figure>



<p>Unlike wrapper, in &#8220;live view mode&#8221;, you will only see the item&#8217;s frame when you&#8217;re hovering over them. You can <strong>double click</strong> on the item to edit the item options or hovering over the item and you&#8217;ll see the tool bar for you to manage the item.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="632" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/wrapper2-1-1024x632.jpg" alt="" class="wp-image-2203" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/wrapper2-1-1024x632.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/wrapper2-1-300x185.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/wrapper2-1-768x474.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/wrapper2-1.jpg 1089w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Live Mode</figcaption></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Page Builder Wrapper</title>
		<link>https://docs.goodlayers.com/page-builder-wrapper/</link>
		
		<dc:creator><![CDATA[loc]]></dc:creator>
		<pubDate>Tue, 19 May 2020 20:19:28 +0000</pubDate>
				<category><![CDATA[Page Builder]]></category>
		<guid isPermaLink="false">https://docs.goodlayers.com/?p=2198</guid>

					<description><![CDATA[A wrapper is an item that can contain an &#8220;Element Item&#8221; inside it. You can use it to create sections/layouts/parallax backgrounds. You can find the wrapper in the first tab of the page builder. Try clicking or dragging the item to add it to the container area. In live &#8220;live view mode&#8221;, blue frame represents [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>A wrapper is an item that can contain an &#8220;Element Item&#8221; inside it. You can use it to create sections/layouts/parallax backgrounds. You can find the wrapper in the first tab of the page builder. Try clicking or dragging the item to add it to the container area.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="960" height="658" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/wrapper.jpg" alt="" class="wp-image-2199" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/wrapper.jpg 960w, https://docs.goodlayers.com/wp-content/uploads/2020/05/wrapper-300x206.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/wrapper-768x526.jpg 768w" sizes="auto, (max-width: 960px) 100vw, 960px" /><figcaption class="wp-element-caption">Wrapper</figcaption></figure>



<p>In live &#8220;live view mode&#8221;, blue frame represents background/sidebar wrapper item, yellow frame represents column item. Hovering over the item and you&#8217;ll see the tools bar for managing the wrapper item. You can use&nbsp;<strong>double click</strong>&nbsp;as a shortcut to edit each item as well.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="632" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/wrapper2-1024x632.jpg" alt="" class="wp-image-2200" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/wrapper2-1024x632.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/wrapper2-300x185.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/wrapper2-768x474.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/wrapper2.jpg 1089w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Live Mode</figcaption></figure>



<p>You can set the background color, background image or background video by select it in Background Type</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="910" height="862" src="https://docs.goodlayers.com/wp-content/uploads/2021/07/background-type.jpg" alt="" class="wp-image-2676" srcset="https://docs.goodlayers.com/wp-content/uploads/2021/07/background-type.jpg 910w, https://docs.goodlayers.com/wp-content/uploads/2021/07/background-type-300x284.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2021/07/background-type-768x727.jpg 768w" sizes="auto, (max-width: 910px) 100vw, 910px" /></figure>



<p></p>



<p>You can add spaces for specific screen sizes: desktop &#8211; tablet &#8211; mobile.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="856" height="1024" src="https://docs.goodlayers.com/wp-content/uploads/2023/02/support-2023-02-02-10.41.17-856x1024.jpg" alt="" class="wp-image-2821" srcset="https://docs.goodlayers.com/wp-content/uploads/2023/02/support-2023-02-02-10.41.17-856x1024.jpg 856w, https://docs.goodlayers.com/wp-content/uploads/2023/02/support-2023-02-02-10.41.17-251x300.jpg 251w, https://docs.goodlayers.com/wp-content/uploads/2023/02/support-2023-02-02-10.41.17-768x918.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2023/02/support-2023-02-02-10.41.17.jpg 899w" sizes="auto, (max-width: 856px) 100vw, 856px" /></figure>



<p></p>



<p>&#8211; Padding spaces: apply to desktop and tablet/mobile.</p>



<p>&#8211; Tablet space: apply to table/mobile (override the padding spaces).</p>



<p>&#8211; Mobile space: apply to mobile (override the padding spaces and tablet spaces)</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Page Builder</title>
		<link>https://docs.goodlayers.com/page-builder/</link>
		
		<dc:creator><![CDATA[loc]]></dc:creator>
		<pubDate>Tue, 19 May 2020 20:09:14 +0000</pubDate>
				<category><![CDATA[Page Builder]]></category>
		<guid isPermaLink="false">https://docs.goodlayers.com/?p=2183</guid>

					<description><![CDATA[Page Builder Page Builder is the main feature of our theme which help you easily manage content and layout. You&#8217;ll see page builder when you create page/post/portfolio/personnel post type. There&#8217;re 2 main types of item in page builder. Wrapper item : is an item which can accept another item inside it. Wrapper item divided in [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h4 class="wp-block-heading">Page Builder</h4>



<p style="color:#ffffff" class="has-text-color has-background has-luminous-vivid-orange-background-color">Page Builder is the main feature of our theme which help you easily manage content and layout. You&#8217;ll see page builder when you create page/post/portfolio/personnel post type.</p>



<p>There&#8217;re 2 main types of item in page builder.</p>



<ol class="wp-block-list"><li><strong>Wrapper item</strong> : is an item which can accept another item inside it. Wrapper item divided in to 3 types<ul><li>Background Wrapper : can accept column and element item inside it</li><li>Sidebar Wrapper : is simiar to &#8220;Background Wrapper&#8221; item, but you can assign the sidebar widget to this item.</li><li>Column Wrapper : is the item that divide each row in to section. You can drag a element item inside it.</li></ul></li><li><strong>Element item</strong> : is an item that has individual feature. Currently, there&#8217;re over 40 items in our page builder and we&#8217;ll continue to add more items on future updates.</li></ol>



<p>Below is an explanation of the feature of the page builder.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="652" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/page-builder-1-1024x652.jpg" alt="" class="wp-image-2184" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/page-builder-1-1024x652.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/page-builder-1-300x191.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/page-builder-1-768x489.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/page-builder-1.jpg 1287w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Page Builder</figcaption></figure>



<h4 class="wp-block-heading">Add Page Builder To Other Post Type</h4>



<p>You can add the function below in functions.php file in child theme to add page builder in new post type.</p>



<pre class="wp-block-code"><code>// add page builder to custom post type
if( is_admin() ){ add_filter('gdlr_core_page_builder_post_type', 'gdlr_core_custom_add_page_builder'); }
if( !function_exists('gdlr_core_custom_add_page_builder') ){
    function gdlr_core_custom_add_page_builder( $post_type ){
        $post_type&#91;] = 'custom';
        return $post_type;
    }
}</code></pre>



<p>Please change all the <strong>custom</strong> to the post type name, <strong>Eg:</strong> product or event, ect.</p>



<h4 class="wp-block-heading">Add ID/Class To Page Builder</h4>



<p>You can use id and class to write specific css/js for specific area in page builder.</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="867" height="545" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/page-builder-id-class.png" alt="" class="wp-image-2312" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/page-builder-id-class.png 867w, https://docs.goodlayers.com/wp-content/uploads/2020/05/page-builder-id-class-300x189.png 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/page-builder-id-class-768x483.png 768w" sizes="auto, (max-width: 867px) 100vw, 867px" /><figcaption>Page builder id/class</figcaption></figure></div>



<p></p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
