<?xml version="1.0" encoding="utf-8"?>
<!-- generator="ThemeXpert" -->
<?xml-stylesheet href="https://www.themexpert.com/media/quixnxt/css/quix-core.css?ver=4.5.4" type="text/css"?>
<rss version="2.0" xmlns:atom="https://www.w3.org/2005/Atom">
	<channel>
		<title>WordPress &amp; Joomla Documentation - ThemeXpert</title>
		<description><![CDATA[ThemeXpert: Joomla's oldest and most trusted template and extension club since 2010 with the best page builder, Quix.]]></description>
		<link>https://www.themexpert.com/docs/expose/customize</link>
		<lastBuildDate>Fri, 09 Aug 2024 15:34:36 +0600</lastBuildDate>
		<generator>ThemeXpert</generator>
		<atom:link rel="self" type="application/rss+xml" href="https://www.themexpert.com/docs/expose/customize?format=feed&amp;type=rss"/>
		<language>en-gb</language>
		<managingEditor>support@themexpert.com (ThemeXpert)</managingEditor>
		<item>
			<title>Designed by Removal</title>
			<link>https://www.themexpert.com/docs/expose/customize/remove-designedby</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/expose/customize/remove-designedby</guid>
			<description><![CDATA[<h2>Designed by ThemeXpert</h2>
<h3>Expose v3/4</h3>
<p>To remove ThemeXpert branding information open <em><strong>designedby.php</strong></em> file located at
<code>templates/tx_templatename/widgets</code>
You will find a code block like:
/<em> public function isEnabled()
{
return FALSE;
}</em>/</p>
<p>un-comment this line then it should look like:
public function isEnabled()
{
return FALSE;
}</p>
<p>You are done!</p>
<h3>Expose v2</h3>
<p>To remove ThemeXpert branding information open your template <em><strong>index.php</strong></em> file located at
<code>templates/tx_templatename</code>
scroll down to the bottom and find out a line like:
&lt;?php $expose-&gt;loadGists(array('copyright','legal','exposelogo'));?&gt;
now remove the 'legal' with single quotation and coma right after that, so it should look like:<br />
&lt;?php $expose-&gt;loadGists(array('copyright','exposelogo'));?&gt;</p>
<p>You are done!</p>
<h3>Not sure which version you are using?</h3>
<p>Go to <code>Extensions &gt; Template manager</code> and open your template, if you see a overview tab with details(image below) you already know your version if you don't see this page means your are using Expose v2.</p>
<p><img src="https://www.themexpert.com/images/docs/expose/03.customize/remove-designedby/version-no.png" alt="Expose framework version" class="img-responsive" /></p>
<h2>Powered by Expose</h2>
<p>To remove powered by framework button you have to go <code>template settings =&gt; Widgets =&gt; Expose Logo</code> and set it off.</p>
<p><img src="https://www.themexpert.com/images/docs/expose/03.customize/remove-designedby/poweredby-expose.png" alt="PoweredbyExpose" class="img-responsive" /></p>]]></description>
			<author>parvez@themexpert.com (Parvez Akther)</author>
			<category>Customize </category>
			<pubDate>Fri, 06 May 2016 16:21:04 +0600</pubDate>
		</item>
		<item>
			<title>Page Specific Style</title>
			<link>https://www.themexpert.com/docs/expose/customize/page-style</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/expose/customize/page-style</guid>
			<description><![CDATA[<ol>
<li>Go to <em><strong>Menu Manager</strong></em> and open the Menu Item.</li>
<li>Click on <em><strong>Page Display</strong></em> Tab. Here you’ll see a <em><strong>Page Class</strong></em> input box..</li>
<li>Provide a class name into that input box and you’ll be able to style specifically this page with this class..</li>
</ol>
<p><img src="https://www.themexpert.com/images/docs/expose/03.customize/page-style/page-style1.png" alt="Page specific style settings" class="img-responsive" /></p>]]></description>
			<author>parvez@themexpert.com (Parvez Akther)</author>
			<category>Customize </category>
			<pubDate>Fri, 06 May 2016 16:20:13 +0600</pubDate>
		</item>
		<item>
			<title>Disable Module Height Calculation</title>
			<link>https://www.themexpert.com/docs/expose/customize/module-height</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/expose/customize/module-height</guid>
			<description><![CDATA[<p>Expose has a built-in module height calculation feature. It calculate maximum height of module on given position and assign the height to all modules on that position. This is a very useful feature styling, however some of your project might need to turned it off completely or for specific position.</p>
<p>Before doing any modification copy the file <code>equalheight.php</code> form <code>libraries/expose/widgets</code> to your <code>templates/widgets</code> folder.</p>
<h2>Turned off completely</h2>
<p>Open <code>equalheight.php</code> file and add this code to line#19</p>
<pre><code>protected $enabled = 0;</code></pre>
<h2>For specific position</h2>
<p>Example, you want to disable height calculation of Top module position. <br/> Find this line:</p>
<pre><code>$js .= "jQuery('#top .column').equalHeight('.block');";</code></pre>
<p>Comment this line by just adding <code>//</code> prefix and it will look like:</p>
<pre><code>// $js .= "jQuery('#top .column').equalHeight('.block');";</code></pre>
<p>Following this method you can turn off height calculation as many position you want.</p>]]></description>
			<author>parvez@themexpert.com (Parvez Akther)</author>
			<category>Customize </category>
			<pubDate>Fri, 06 May 2016 16:19:15 +0600</pubDate>
		</item>
		<item>
			<title>Adding Font Awesome Icon</title>
			<link>https://www.themexpert.com/docs/expose/customize/fontawesome</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/expose/customize/fontawesome</guid>
			<description><![CDATA[<p><a href="https://fortawesome.github.io/Font-Awesome/">Font Awesome</a> gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. Expose framework has full support for Font Awesome with more user-friendly way.</p>
<h2>In Menu Item</h2>
<ol>
<li>Open a Menu item (Like: Home).</li>
<li>Click on <em><strong> Parameters (Expose Menu Settings)</strong></em>.</li>
<li>Insert <a href="https://fortawesome.github.io/Font-Awesome/3.2.1/icons/">Font Awesome</a> icon code in <em><strong>Menu icon</strong></em> field.</li>
<li>Click to save from right top and Your menu icon will be added.</li>
</ol>
<p><img src="https://www.themexpert.com/images/docs/expose/03.customize/fontawesome/font-awesome1.png" alt="FontAwesome in Menu" class="img-responsive" /></p>
<h2>In Module Title</h2>
<ol>
<li>Open any Module (Like: Login Module).</li>
<li>Click on <em><strong> Advanced</strong></em> tab.</li>
<li>Insert <a href="https://fortawesome.github.io/Font-Awesome/3.2.1/icons/">Font Awesome</a> icon code in <em><strong> Module class suffix</strong></em> field.</li>
<li>Click Save button and Your menu icon will be added.</li>
</ol>
<p><img src="https://www.themexpert.com/images/docs/expose/03.customize/fontawesome/font-awesome2.png" alt="FontAwesome in Module" class="img-responsive" /></p>]]></description>
			<author>parvez@themexpert.com (Parvez Akther)</author>
			<category>Customize </category>
			<pubDate>Fri, 06 May 2016 16:18:26 +0600</pubDate>
		</item>
		<item>
			<title>Editing Copyright Info</title>
			<link>https://www.themexpert.com/docs/expose/customize/copyright-social</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/expose/customize/copyright-social</guid>
			<description><![CDATA[<h2>Edit copyright info</h2>
<p>To edit copyright info <em><strong>Login</strong></em> to your joomla site's admin panel, go to <em><strong>Template Manager</strong></em>, select the template. In template configuration page go to the <em><strong>widget</strong></em> tab and you will see copyright text box there, change it as the way you want.</p>
<p><img src="https://www.themexpert.com/images/docs/expose/03.customize/copyright-social/copyright.png" alt="Copyright Info" class="img-responsive" /></p>
<h2>Disabling social widget</h2>
<p>To disable social widget at first <em><strong>Login</strong></em> to your joomla site's admin panel, go to <em><strong>Template Manager</strong></em> select the template. In template configuration page go to the <em><strong>widget</strong></em> tab and you will see <em><strong>social icon</strong></em> field there. You can change the link to yours or you can turn it off.</p>
<p><img src="https://www.themexpert.com/images/docs/expose/03.customize/copyright-social/social-widget.png" alt="Social Widget" class="img-responsive" /></p>]]></description>
			<author>parvez@themexpert.com (Parvez Akther)</author>
			<category>Customize </category>
			<pubDate>Fri, 06 May 2016 16:17:38 +0600</pubDate>
		</item>
		<item>
			<title>Changing Logo</title>
			<link>https://www.themexpert.com/docs/expose/customize/change-logo</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/expose/customize/change-logo</guid>
			<description><![CDATA[<h2>From template settings</h2>
<p>Go to <code>Extensions-&gt;Template Manager-&gt;Open Template</code> (like: Tx_Appy). You will be redirected to Template Admin. Now, click to <em><strong>Widgets</strong></em> tab and Upload your own logo by Logo Image Upload field, click to save from top and You are done!</p>
<p><img src="https://www.themexpert.com/images/docs/expose/03.customize/change-logo/change-logo1.png" alt="Logo Settings" class="img-responsive" /></p>
<h2>From file manager</h2>
<p>Go to specific <code>template's folder -&gt; images</code> here is a file called <strong>logo.png</strong> Just need to replace this file with yours but file-name should remain the same.</p>
<p><img src="https://www.themexpert.com/images/docs/expose/03.customize/change-logo/change-logo2.png" alt="Changing Logo" class="img-responsive" />  </p>]]></description>
			<author>parvez@themexpert.com (Parvez Akther)</author>
			<category>Customize </category>
			<pubDate>Fri, 06 May 2016 16:16:50 +0600</pubDate>
		</item>
		<item>
			<title>Built-in Classes</title>
			<link>https://www.themexpert.com/docs/expose/customize/builtin-classes</link>
			<guid isPermaLink="true">https://www.themexpert.com/docs/expose/customize/builtin-classes</guid>
			<description><![CDATA[<p><strong>pull-left</strong> class used to float element/div/module in left side. It also generates margin-right of 15px.<br />
<strong>pull-right</strong> class used to float element/div/module in right side. It also generates margin-left of 15px.<br />
<strong>nopadding</strong> class will remove all paddings from your element/div/module. In order to remove padding from any specific side for example left need to add <strong>nopdding-left</strong> class.<br />
<strong>nomargin</strong> class will remove all margins from your element/div/module. In order to remove padding from any specific side for example left need to add <strong>nomargin-left</strong> class.<br />
<strong>align-center</strong> class will include text-align center style to that element. There is also <strong>align-left</strong> &amp; <strong>align-right</strong> class.<br />
<strong>img-rounded</strong> class will add some border-radius into that image. <strong>img-circle</strong> &amp; <strong>img-polaroid</strong> classes are also there to give extra bit of styles to image. </p>]]></description>
			<author>parvez@themexpert.com (Parvez Akther)</author>
			<category>Customize </category>
			<pubDate>Fri, 06 May 2016 16:16:06 +0600</pubDate>
		</item>
	</channel>
</rss>
