<?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>Theme Settings &#8211; GoodLayers</title>
	<atom:link href="https://docs.goodlayers.com/category/theme-settings/feed/" rel="self" type="application/rss+xml" />
	<link>https://docs.goodlayers.com</link>
	<description>Documentation</description>
	<lastBuildDate>Wed, 29 Mar 2023 08:57:20 +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>GoodLayers &#8211; WPML &#8211; Different Logos for Different Languages</title>
		<link>https://docs.goodlayers.com/goodlayers-wpml-different-logos-for-different-languages/</link>
		
		<dc:creator><![CDATA[loc]]></dc:creator>
		<pubDate>Wed, 29 Mar 2023 08:56:37 +0000</pubDate>
				<category><![CDATA[Theme Settings]]></category>
		<guid isPermaLink="false">https://docs.goodlayers.com/?p=2856</guid>

					<description><![CDATA[In this tutorial, I&#8217;ve shown how to set different logos for different languages. Please check the video below.]]></description>
										<content:encoded><![CDATA[
<p>In this tutorial, I&#8217;ve shown how to set different logos for different languages. Please check the video below.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="GoodLayers - WPML - Different logos for different languages" width="1150" height="647" src="https://www.youtube.com/embed/VWEkch5T-Rs?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Upload Custom Font</title>
		<link>https://docs.goodlayers.com/upload-custom-font/</link>
		
		<dc:creator><![CDATA[loc]]></dc:creator>
		<pubDate>Mon, 11 May 2020 17:14:42 +0000</pubDate>
				<category><![CDATA[Theme Settings]]></category>
		<guid isPermaLink="false">https://docs.goodlayers.com/?p=2056</guid>

					<description><![CDATA[You can upload custom font at the &#8220;Theme option &#62; Typography &#62; Upload font&#8221; section. Both EOT and TTF font need to be supplied to make the font support across all devices. You can generate the font file&#160;here. Font Uploader Additional Font To apply the font in additional place, you can use Additional Font and [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>You can upload custom font at the &#8220;Theme option &gt; Typography &gt; Upload font&#8221; section. Both EOT and TTF font need to be supplied to make the font support across all devices.</p>



<p>You can generate the font file&nbsp;<strong><a rel="noreferrer noopener" href="https://www.fontsquirrel.com/tools/webfont-generator" target="_blank">here</a></strong>.</p>



<h5 class="wp-block-heading">Font Uploader</h5>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="616" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/custom-font-1024x616.jpg" alt="" class="wp-image-2057" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/custom-font-1024x616.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/custom-font-300x180.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/custom-font-768x462.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/custom-font.jpg 1162w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Font Uploader</figcaption></figure>



<h5 class="wp-block-heading">Additional Font</h5>



<p>To apply the font in additional place, you can use Additional Font and Additional Font 2 option.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" width="378" height="1024" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/support-977-12-05-2020-378x1024.png" alt="" class="wp-image-2060" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/support-977-12-05-2020-378x1024.png 378w, https://docs.goodlayers.com/wp-content/uploads/2020/05/support-977-12-05-2020-111x300.png 111w, https://docs.goodlayers.com/wp-content/uploads/2020/05/support-977-12-05-2020-768x2083.png 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/support-977-12-05-2020-755x2048.png 755w, https://docs.goodlayers.com/wp-content/uploads/2020/05/support-977-12-05-2020.png 916w" sizes="(max-width: 378px) 100vw, 378px" /><figcaption>Additional Font</figcaption></figure>
</div>


<p>Both Regular and Bold font needs to be uploaded but have the same &#8220;Font name&#8221; in order for Safari to show the different font weights.</p>



<p>And you must use custom style to apply the additional fonts for some specific elements that require specific fonts. You can check my video below to see how I do it.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="GoodLayers - How to use additional font" width="1150" height="863" src="https://www.youtube.com/embed/TH8tbMCW2Kk?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div><figcaption>Additional Font Video</figcaption></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Skin Settings</title>
		<link>https://docs.goodlayers.com/skin-settings/</link>
		
		<dc:creator><![CDATA[loc]]></dc:creator>
		<pubDate>Mon, 11 May 2020 17:10:52 +0000</pubDate>
				<category><![CDATA[Theme Settings]]></category>
		<guid isPermaLink="false">https://docs.goodlayers.com/?p=2047</guid>

					<description><![CDATA[Creating Skin Skin gives you an ability to change the elements color that resides in the wrapper / column ( Page builder items ). You can create new skin at the &#8220;Theme option > Color > Skin&#8221; area. Assigning Skin After you created the skin, you can assign it at the page builder &#8220;Wrapper&#8221; and [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h5 class="wp-block-heading">Creating Skin</h5>



<p>Skin gives you an ability to change the elements color that resides in the wrapper / column ( Page builder items ). You can create new skin at the &#8220;Theme option > Color > Skin&#8221; area.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="629" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/skin-1024x629.jpg" alt="" class="wp-image-2048" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/skin-1024x629.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/skin-300x184.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/skin-768x472.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/skin-800x490.jpg 800w, https://docs.goodlayers.com/wp-content/uploads/2020/05/skin.jpg 1167w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Skin Tab</figcaption></figure>



<h5 class="wp-block-heading">Assigning Skin</h5>



<p>After you created the skin, you can assign it at the page builder &#8220;Wrapper&#8221; and &#8220;Column&#8221; item. Try clicking edit while you hovering over the item, then, select the skin tab for this.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="895" height="434" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/assign-skin.jpg" alt="" class="wp-image-2049" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/assign-skin.jpg 895w, https://docs.goodlayers.com/wp-content/uploads/2020/05/assign-skin-300x145.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/assign-skin-768x372.jpg 768w" sizes="auto, (max-width: 895px) 100vw, 895px" /><figcaption>Assign Skin</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1035" height="499" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/assign-skin2.jpg" alt="" class="wp-image-2050" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/assign-skin2.jpg 1035w, https://docs.goodlayers.com/wp-content/uploads/2020/05/assign-skin2-300x145.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/assign-skin2-1024x494.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/assign-skin2-768x370.jpg 768w" sizes="auto, (max-width: 1035px) 100vw, 1035px" /><figcaption>Custom Skin Tab</figcaption></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Thumbnail Size</title>
		<link>https://docs.goodlayers.com/thumbnail-size/</link>
		
		<dc:creator><![CDATA[loc]]></dc:creator>
		<pubDate>Mon, 11 May 2020 17:07:48 +0000</pubDate>
				<category><![CDATA[Theme Settings]]></category>
		<guid isPermaLink="false">https://docs.goodlayers.com/?p=2041</guid>

					<description><![CDATA[You can add custom image size to uses in page builder and themes by going to &#8220;Theme option &#62; Miscellaneous &#62; Thumbnail Sizing&#8221; section. New thumbnail size only effects the newly uploaded images, so after you successfully added the image size, you may use the &#8216;Regenerate Thumbnail&#8216; plugin to generate the thumbnail for old images [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>You can add custom image size to uses in page builder and themes by going to &#8220;Theme option &gt; Miscellaneous &gt; Thumbnail Sizing&#8221; section.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="601" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/thumbnail-sizing-1024x601.jpg" alt="" class="wp-image-2042" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/thumbnail-sizing-1024x601.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/thumbnail-sizing-300x176.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/thumbnail-sizing-768x451.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/thumbnail-sizing.jpg 1158w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Thumbnail Sizing</figcaption></figure>



<p>New thumbnail size only effects the newly uploaded images, so after you successfully added the image size, you may use the &#8216;<a rel="noreferrer noopener" href="https://wordpress.org/plugins/regenerate-thumbnails/" target="_blank"><strong>Regenerate Thumbnail</strong></a>&#8216; plugin to generate the thumbnail for old images as well.</p>



<p style="color:#ffffff" class="has-text-color has-background has-vivid-green-cyan-background-color">The image will be cropped to the destined size ONLY when the uploaded image is larger than the defined size. Filling 0 will force the image to crop at the same proportion ( eg. 500&#215;0 will crop the image width to 500 while the height is in the same proportional of the orignal images. )</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Theme Option / Customize</title>
		<link>https://docs.goodlayers.com/theme-option-customize/</link>
		
		<dc:creator><![CDATA[loc]]></dc:creator>
		<pubDate>Mon, 11 May 2020 17:05:39 +0000</pubDate>
				<category><![CDATA[Theme Settings]]></category>
		<guid isPermaLink="false">https://docs.goodlayers.com/?p=2034</guid>

					<description><![CDATA[Theme option / Customize area is one of the main feature in our theme. They give you abilities to made a changes to your site without touching a single line of code. &#8220;Customize&#8221; give you an ability to live preview changes on the site while &#8220;Theme Option&#8221; give you an ability to search through the [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Theme option / Customize area is one of the main feature in our theme. They give you abilities to made a changes to your site without touching a single line of code.</p>



<p>&#8220;Customize&#8221; give you an ability to live preview changes on the site while &#8220;Theme Option&#8221; give you an ability to search through the options and do some specific task ( Add thumbnail size, Add Skin and Upload Custom font ) which will be explained later.</p>



<h5 class="wp-block-heading">Customize</h5>



<p>You can go to theme customize at &#8220;Appearance &gt; Customize&#8221; section from wordpress admin area</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="533" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/customize-1024x533.jpg" alt="" class="wp-image-2035" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/customize-1024x533.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/customize-300x156.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/customize-768x400.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/customize.jpg 1355w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>WordPress Customize</figcaption></figure>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/customize2-1024x533.jpg" alt="" class="wp-image-2036" width="580" height="301" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/customize2-1024x533.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/customize2-300x156.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/customize2-768x400.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/customize2.jpg 1355w" sizes="auto, (max-width: 580px) 100vw, 580px" /><figcaption>WordPress Customize 2</figcaption></figure>



<h5 class="wp-block-heading">Theme Option</h5>



<p>You can go to theme option at &#8220;Goodlayers&#8221; section in wordpress admin area</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="604" src="https://docs.goodlayers.com/wp-content/uploads/2020/05/theme-option-1024x604.jpg" alt="" class="wp-image-2037" srcset="https://docs.goodlayers.com/wp-content/uploads/2020/05/theme-option-1024x604.jpg 1024w, https://docs.goodlayers.com/wp-content/uploads/2020/05/theme-option-300x177.jpg 300w, https://docs.goodlayers.com/wp-content/uploads/2020/05/theme-option-768x453.jpg 768w, https://docs.goodlayers.com/wp-content/uploads/2020/05/theme-option.jpg 1159w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>GoodLayers Theme Options</figcaption></figure>



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