<?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"?>
<feed xmlns="https://www.w3.org/2005/Atom"  xml:lang="en-gb">
	<title type="text">WordPress &amp; Joomla Documentation - ThemeXpert</title>
	<subtitle type="text">ThemeXpert: Joomla's oldest and most trusted template and extension club since 2010 with the best page builder, Quix.</subtitle>
	<link rel="alternate" type="text/html" href="https://www.themexpert.com"/>
	<id>https://www.themexpert.com/docs/expose/customize</id>
	<updated>2024-08-09T15:34:37+06:00</updated>
	<author>
		<name>ThemeXpert</name>
		<email>support@themexpert.com</email>
	</author>
	<generator>ThemeXpert</generator>
	<link rel="self" type="application/atom+xml" href="https://www.themexpert.com/docs/expose/customize?format=feed&amp;type=atom"/>
	<entry>
		<title>Designed by Removal</title>
		<link rel="alternate" type="text/html" href="https://www.themexpert.com/docs/expose/customize/remove-designedby"/>
		<published>2016-05-06T16:21:04+06:00</published>
		<updated>2016-05-06T16:21:04+06:00</updated>
		<id>https://www.themexpert.com/docs/expose/customize/remove-designedby</id>
		<author>
			<name>Parvez Akther</name>
			<email>parvez@themexpert.com</email>
		</author>
		<summary type="html">&lt;h2&gt;Designed by ThemeXpert&lt;/h2&gt;
&lt;h3&gt;Expose v3/4&lt;/h3&gt;
&lt;p&gt;To remove ThemeXpert branding information open &lt;em&gt;&lt;strong&gt;designedby.php&lt;/strong&gt;&lt;/em&gt; file located at
&lt;code&gt;templates/tx_templatename/widgets&lt;/code&gt;
You will find a code block like:
/&lt;em&gt; public function isEnabled()
{
return FALSE;
}&lt;/em&gt;/&lt;/p&gt;
&lt;p&gt;un-comment this line then it should look like:
public function isEnabled()
{
return FALSE;
}&lt;/p&gt;
&lt;p&gt;You are done!&lt;/p&gt;
&lt;h3&gt;Expose v2&lt;/h3&gt;
&lt;p&gt;To remove ThemeXpert branding information open your template &lt;em&gt;&lt;strong&gt;index.php&lt;/strong&gt;&lt;/em&gt; file located at
&lt;code&gt;templates/tx_templatename&lt;/code&gt;
scroll down to the bottom and find out a line like:
&amp;lt;?php $expose-&amp;gt;loadGists(array('copyright','legal','exposelogo'));?&amp;gt;
now remove the 'legal' with single quotation and coma right after that, so it should look like:&lt;br /&gt;
&amp;lt;?php $expose-&amp;gt;loadGists(array('copyright','exposelogo'));?&amp;gt;&lt;/p&gt;
&lt;p&gt;You are done!&lt;/p&gt;
&lt;h3&gt;Not sure which version you are using?&lt;/h3&gt;
&lt;p&gt;Go to &lt;code&gt;Extensions &amp;gt; Template manager&lt;/code&gt; 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.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://www.themexpert.com/images/docs/expose/03.customize/remove-designedby/version-no.png&quot; alt=&quot;Expose framework version&quot; class=&quot;img-responsive&quot; /&gt;&lt;/p&gt;
&lt;h2&gt;Powered by Expose&lt;/h2&gt;
&lt;p&gt;To remove powered by framework button you have to go &lt;code&gt;template settings =&amp;gt; Widgets =&amp;gt; Expose Logo&lt;/code&gt; and set it off.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://www.themexpert.com/images/docs/expose/03.customize/remove-designedby/poweredby-expose.png&quot; alt=&quot;PoweredbyExpose&quot; class=&quot;img-responsive&quot; /&gt;&lt;/p&gt;</summary>
		<content type="html">&lt;h2&gt;Designed by ThemeXpert&lt;/h2&gt;
&lt;h3&gt;Expose v3/4&lt;/h3&gt;
&lt;p&gt;To remove ThemeXpert branding information open &lt;em&gt;&lt;strong&gt;designedby.php&lt;/strong&gt;&lt;/em&gt; file located at
&lt;code&gt;templates/tx_templatename/widgets&lt;/code&gt;
You will find a code block like:
/&lt;em&gt; public function isEnabled()
{
return FALSE;
}&lt;/em&gt;/&lt;/p&gt;
&lt;p&gt;un-comment this line then it should look like:
public function isEnabled()
{
return FALSE;
}&lt;/p&gt;
&lt;p&gt;You are done!&lt;/p&gt;
&lt;h3&gt;Expose v2&lt;/h3&gt;
&lt;p&gt;To remove ThemeXpert branding information open your template &lt;em&gt;&lt;strong&gt;index.php&lt;/strong&gt;&lt;/em&gt; file located at
&lt;code&gt;templates/tx_templatename&lt;/code&gt;
scroll down to the bottom and find out a line like:
&amp;lt;?php $expose-&amp;gt;loadGists(array('copyright','legal','exposelogo'));?&amp;gt;
now remove the 'legal' with single quotation and coma right after that, so it should look like:&lt;br /&gt;
&amp;lt;?php $expose-&amp;gt;loadGists(array('copyright','exposelogo'));?&amp;gt;&lt;/p&gt;
&lt;p&gt;You are done!&lt;/p&gt;
&lt;h3&gt;Not sure which version you are using?&lt;/h3&gt;
&lt;p&gt;Go to &lt;code&gt;Extensions &amp;gt; Template manager&lt;/code&gt; 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.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://www.themexpert.com/images/docs/expose/03.customize/remove-designedby/version-no.png&quot; alt=&quot;Expose framework version&quot; class=&quot;img-responsive&quot; /&gt;&lt;/p&gt;
&lt;h2&gt;Powered by Expose&lt;/h2&gt;
&lt;p&gt;To remove powered by framework button you have to go &lt;code&gt;template settings =&amp;gt; Widgets =&amp;gt; Expose Logo&lt;/code&gt; and set it off.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://www.themexpert.com/images/docs/expose/03.customize/remove-designedby/poweredby-expose.png&quot; alt=&quot;PoweredbyExpose&quot; class=&quot;img-responsive&quot; /&gt;&lt;/p&gt;</content>
		<category term="Customize " />
	</entry>
	<entry>
		<title>Page Specific Style</title>
		<link rel="alternate" type="text/html" href="https://www.themexpert.com/docs/expose/customize/page-style"/>
		<published>2016-05-06T16:20:13+06:00</published>
		<updated>2016-05-06T16:20:13+06:00</updated>
		<id>https://www.themexpert.com/docs/expose/customize/page-style</id>
		<author>
			<name>Parvez Akther</name>
			<email>parvez@themexpert.com</email>
		</author>
		<summary type="html">&lt;ol&gt;
&lt;li&gt;Go to &lt;em&gt;&lt;strong&gt;Menu Manager&lt;/strong&gt;&lt;/em&gt; and open the Menu Item.&lt;/li&gt;
&lt;li&gt;Click on &lt;em&gt;&lt;strong&gt;Page Display&lt;/strong&gt;&lt;/em&gt; Tab. Here you’ll see a &lt;em&gt;&lt;strong&gt;Page Class&lt;/strong&gt;&lt;/em&gt; input box..&lt;/li&gt;
&lt;li&gt;Provide a class name into that input box and you’ll be able to style specifically this page with this class..&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img src=&quot;https://www.themexpert.com/images/docs/expose/03.customize/page-style/page-style1.png&quot; alt=&quot;Page specific style settings&quot; class=&quot;img-responsive&quot; /&gt;&lt;/p&gt;</summary>
		<content type="html">&lt;ol&gt;
&lt;li&gt;Go to &lt;em&gt;&lt;strong&gt;Menu Manager&lt;/strong&gt;&lt;/em&gt; and open the Menu Item.&lt;/li&gt;
&lt;li&gt;Click on &lt;em&gt;&lt;strong&gt;Page Display&lt;/strong&gt;&lt;/em&gt; Tab. Here you’ll see a &lt;em&gt;&lt;strong&gt;Page Class&lt;/strong&gt;&lt;/em&gt; input box..&lt;/li&gt;
&lt;li&gt;Provide a class name into that input box and you’ll be able to style specifically this page with this class..&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img src=&quot;https://www.themexpert.com/images/docs/expose/03.customize/page-style/page-style1.png&quot; alt=&quot;Page specific style settings&quot; class=&quot;img-responsive&quot; /&gt;&lt;/p&gt;</content>
		<category term="Customize " />
	</entry>
	<entry>
		<title>Disable Module Height Calculation</title>
		<link rel="alternate" type="text/html" href="https://www.themexpert.com/docs/expose/customize/module-height"/>
		<published>2016-05-06T16:19:15+06:00</published>
		<updated>2016-05-06T16:19:15+06:00</updated>
		<id>https://www.themexpert.com/docs/expose/customize/module-height</id>
		<author>
			<name>Parvez Akther</name>
			<email>parvez@themexpert.com</email>
		</author>
		<summary type="html">&lt;p&gt;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.&lt;/p&gt;
&lt;p&gt;Before doing any modification copy the file &lt;code&gt;equalheight.php&lt;/code&gt; form &lt;code&gt;libraries/expose/widgets&lt;/code&gt; to your &lt;code&gt;templates/widgets&lt;/code&gt; folder.&lt;/p&gt;
&lt;h2&gt;Turned off completely&lt;/h2&gt;
&lt;p&gt;Open &lt;code&gt;equalheight.php&lt;/code&gt; file and add this code to line#19&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;protected $enabled = 0;&lt;/code&gt;&lt;/pre&gt;
&lt;h2&gt;For specific position&lt;/h2&gt;
&lt;p&gt;Example, you want to disable height calculation of Top module position. &lt;br/&gt; Find this line:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;$js .= &quot;jQuery('#top .column').equalHeight('.block');&quot;;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Comment this line by just adding &lt;code&gt;//&lt;/code&gt; prefix and it will look like:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;// $js .= &quot;jQuery('#top .column').equalHeight('.block');&quot;;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Following this method you can turn off height calculation as many position you want.&lt;/p&gt;</summary>
		<content type="html">&lt;p&gt;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.&lt;/p&gt;
&lt;p&gt;Before doing any modification copy the file &lt;code&gt;equalheight.php&lt;/code&gt; form &lt;code&gt;libraries/expose/widgets&lt;/code&gt; to your &lt;code&gt;templates/widgets&lt;/code&gt; folder.&lt;/p&gt;
&lt;h2&gt;Turned off completely&lt;/h2&gt;
&lt;p&gt;Open &lt;code&gt;equalheight.php&lt;/code&gt; file and add this code to line#19&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;protected $enabled = 0;&lt;/code&gt;&lt;/pre&gt;
&lt;h2&gt;For specific position&lt;/h2&gt;
&lt;p&gt;Example, you want to disable height calculation of Top module position. &lt;br/&gt; Find this line:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;$js .= &quot;jQuery('#top .column').equalHeight('.block');&quot;;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Comment this line by just adding &lt;code&gt;//&lt;/code&gt; prefix and it will look like:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;// $js .= &quot;jQuery('#top .column').equalHeight('.block');&quot;;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Following this method you can turn off height calculation as many position you want.&lt;/p&gt;</content>
		<category term="Customize " />
	</entry>
	<entry>
		<title>Adding Font Awesome Icon</title>
		<link rel="alternate" type="text/html" href="https://www.themexpert.com/docs/expose/customize/fontawesome"/>
		<published>2016-05-06T16:18:26+06:00</published>
		<updated>2016-05-06T16:18:26+06:00</updated>
		<id>https://www.themexpert.com/docs/expose/customize/fontawesome</id>
		<author>
			<name>Parvez Akther</name>
			<email>parvez@themexpert.com</email>
		</author>
		<summary type="html">&lt;p&gt;&lt;a href=&quot;https://fortawesome.github.io/Font-Awesome/&quot;&gt;Font Awesome&lt;/a&gt; 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.&lt;/p&gt;
&lt;h2&gt;In Menu Item&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;Open a Menu item (Like: Home).&lt;/li&gt;
&lt;li&gt;Click on &lt;em&gt;&lt;strong&gt; Parameters (Expose Menu Settings)&lt;/strong&gt;&lt;/em&gt;.&lt;/li&gt;
&lt;li&gt;Insert &lt;a href=&quot;https://fortawesome.github.io/Font-Awesome/3.2.1/icons/&quot;&gt;Font Awesome&lt;/a&gt; icon code in &lt;em&gt;&lt;strong&gt;Menu icon&lt;/strong&gt;&lt;/em&gt; field.&lt;/li&gt;
&lt;li&gt;Click to save from right top and Your menu icon will be added.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img src=&quot;https://www.themexpert.com/images/docs/expose/03.customize/fontawesome/font-awesome1.png&quot; alt=&quot;FontAwesome in Menu&quot; class=&quot;img-responsive&quot; /&gt;&lt;/p&gt;
&lt;h2&gt;In Module Title&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;Open any Module (Like: Login Module).&lt;/li&gt;
&lt;li&gt;Click on &lt;em&gt;&lt;strong&gt; Advanced&lt;/strong&gt;&lt;/em&gt; tab.&lt;/li&gt;
&lt;li&gt;Insert &lt;a href=&quot;https://fortawesome.github.io/Font-Awesome/3.2.1/icons/&quot;&gt;Font Awesome&lt;/a&gt; icon code in &lt;em&gt;&lt;strong&gt; Module class suffix&lt;/strong&gt;&lt;/em&gt; field.&lt;/li&gt;
&lt;li&gt;Click Save button and Your menu icon will be added.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img src=&quot;https://www.themexpert.com/images/docs/expose/03.customize/fontawesome/font-awesome2.png&quot; alt=&quot;FontAwesome in Module&quot; class=&quot;img-responsive&quot; /&gt;&lt;/p&gt;</summary>
		<content type="html">&lt;p&gt;&lt;a href=&quot;https://fortawesome.github.io/Font-Awesome/&quot;&gt;Font Awesome&lt;/a&gt; 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.&lt;/p&gt;
&lt;h2&gt;In Menu Item&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;Open a Menu item (Like: Home).&lt;/li&gt;
&lt;li&gt;Click on &lt;em&gt;&lt;strong&gt; Parameters (Expose Menu Settings)&lt;/strong&gt;&lt;/em&gt;.&lt;/li&gt;
&lt;li&gt;Insert &lt;a href=&quot;https://fortawesome.github.io/Font-Awesome/3.2.1/icons/&quot;&gt;Font Awesome&lt;/a&gt; icon code in &lt;em&gt;&lt;strong&gt;Menu icon&lt;/strong&gt;&lt;/em&gt; field.&lt;/li&gt;
&lt;li&gt;Click to save from right top and Your menu icon will be added.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img src=&quot;https://www.themexpert.com/images/docs/expose/03.customize/fontawesome/font-awesome1.png&quot; alt=&quot;FontAwesome in Menu&quot; class=&quot;img-responsive&quot; /&gt;&lt;/p&gt;
&lt;h2&gt;In Module Title&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;Open any Module (Like: Login Module).&lt;/li&gt;
&lt;li&gt;Click on &lt;em&gt;&lt;strong&gt; Advanced&lt;/strong&gt;&lt;/em&gt; tab.&lt;/li&gt;
&lt;li&gt;Insert &lt;a href=&quot;https://fortawesome.github.io/Font-Awesome/3.2.1/icons/&quot;&gt;Font Awesome&lt;/a&gt; icon code in &lt;em&gt;&lt;strong&gt; Module class suffix&lt;/strong&gt;&lt;/em&gt; field.&lt;/li&gt;
&lt;li&gt;Click Save button and Your menu icon will be added.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img src=&quot;https://www.themexpert.com/images/docs/expose/03.customize/fontawesome/font-awesome2.png&quot; alt=&quot;FontAwesome in Module&quot; class=&quot;img-responsive&quot; /&gt;&lt;/p&gt;</content>
		<category term="Customize " />
	</entry>
	<entry>
		<title>Editing Copyright Info</title>
		<link rel="alternate" type="text/html" href="https://www.themexpert.com/docs/expose/customize/copyright-social"/>
		<published>2016-05-06T16:17:38+06:00</published>
		<updated>2016-05-06T16:17:38+06:00</updated>
		<id>https://www.themexpert.com/docs/expose/customize/copyright-social</id>
		<author>
			<name>Parvez Akther</name>
			<email>parvez@themexpert.com</email>
		</author>
		<summary type="html">&lt;h2&gt;Edit copyright info&lt;/h2&gt;
&lt;p&gt;To edit copyright info &lt;em&gt;&lt;strong&gt;Login&lt;/strong&gt;&lt;/em&gt; to your joomla site's admin panel, go to &lt;em&gt;&lt;strong&gt;Template Manager&lt;/strong&gt;&lt;/em&gt;, select the template. In template configuration page go to the &lt;em&gt;&lt;strong&gt;widget&lt;/strong&gt;&lt;/em&gt; tab and you will see copyright text box there, change it as the way you want.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://www.themexpert.com/images/docs/expose/03.customize/copyright-social/copyright.png&quot; alt=&quot;Copyright Info&quot; class=&quot;img-responsive&quot; /&gt;&lt;/p&gt;
&lt;h2&gt;Disabling social widget&lt;/h2&gt;
&lt;p&gt;To disable social widget at first &lt;em&gt;&lt;strong&gt;Login&lt;/strong&gt;&lt;/em&gt; to your joomla site's admin panel, go to &lt;em&gt;&lt;strong&gt;Template Manager&lt;/strong&gt;&lt;/em&gt; select the template. In template configuration page go to the &lt;em&gt;&lt;strong&gt;widget&lt;/strong&gt;&lt;/em&gt; tab and you will see &lt;em&gt;&lt;strong&gt;social icon&lt;/strong&gt;&lt;/em&gt; field there. You can change the link to yours or you can turn it off.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://www.themexpert.com/images/docs/expose/03.customize/copyright-social/social-widget.png&quot; alt=&quot;Social Widget&quot; class=&quot;img-responsive&quot; /&gt;&lt;/p&gt;</summary>
		<content type="html">&lt;h2&gt;Edit copyright info&lt;/h2&gt;
&lt;p&gt;To edit copyright info &lt;em&gt;&lt;strong&gt;Login&lt;/strong&gt;&lt;/em&gt; to your joomla site's admin panel, go to &lt;em&gt;&lt;strong&gt;Template Manager&lt;/strong&gt;&lt;/em&gt;, select the template. In template configuration page go to the &lt;em&gt;&lt;strong&gt;widget&lt;/strong&gt;&lt;/em&gt; tab and you will see copyright text box there, change it as the way you want.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://www.themexpert.com/images/docs/expose/03.customize/copyright-social/copyright.png&quot; alt=&quot;Copyright Info&quot; class=&quot;img-responsive&quot; /&gt;&lt;/p&gt;
&lt;h2&gt;Disabling social widget&lt;/h2&gt;
&lt;p&gt;To disable social widget at first &lt;em&gt;&lt;strong&gt;Login&lt;/strong&gt;&lt;/em&gt; to your joomla site's admin panel, go to &lt;em&gt;&lt;strong&gt;Template Manager&lt;/strong&gt;&lt;/em&gt; select the template. In template configuration page go to the &lt;em&gt;&lt;strong&gt;widget&lt;/strong&gt;&lt;/em&gt; tab and you will see &lt;em&gt;&lt;strong&gt;social icon&lt;/strong&gt;&lt;/em&gt; field there. You can change the link to yours or you can turn it off.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://www.themexpert.com/images/docs/expose/03.customize/copyright-social/social-widget.png&quot; alt=&quot;Social Widget&quot; class=&quot;img-responsive&quot; /&gt;&lt;/p&gt;</content>
		<category term="Customize " />
	</entry>
	<entry>
		<title>Changing Logo</title>
		<link rel="alternate" type="text/html" href="https://www.themexpert.com/docs/expose/customize/change-logo"/>
		<published>2016-05-06T16:16:50+06:00</published>
		<updated>2016-05-06T16:16:50+06:00</updated>
		<id>https://www.themexpert.com/docs/expose/customize/change-logo</id>
		<author>
			<name>Parvez Akther</name>
			<email>parvez@themexpert.com</email>
		</author>
		<summary type="html">&lt;h2&gt;From template settings&lt;/h2&gt;
&lt;p&gt;Go to &lt;code&gt;Extensions-&amp;gt;Template Manager-&amp;gt;Open Template&lt;/code&gt; (like: Tx_Appy). You will be redirected to Template Admin. Now, click to &lt;em&gt;&lt;strong&gt;Widgets&lt;/strong&gt;&lt;/em&gt; tab and Upload your own logo by Logo Image Upload field, click to save from top and You are done!&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://www.themexpert.com/images/docs/expose/03.customize/change-logo/change-logo1.png&quot; alt=&quot;Logo Settings&quot; class=&quot;img-responsive&quot; /&gt;&lt;/p&gt;
&lt;h2&gt;From file manager&lt;/h2&gt;
&lt;p&gt;Go to specific &lt;code&gt;template's folder -&amp;gt; images&lt;/code&gt; here is a file called &lt;strong&gt;logo.png&lt;/strong&gt; Just need to replace this file with yours but file-name should remain the same.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://www.themexpert.com/images/docs/expose/03.customize/change-logo/change-logo2.png&quot; alt=&quot;Changing Logo&quot; class=&quot;img-responsive&quot; /&gt;  &lt;/p&gt;</summary>
		<content type="html">&lt;h2&gt;From template settings&lt;/h2&gt;
&lt;p&gt;Go to &lt;code&gt;Extensions-&amp;gt;Template Manager-&amp;gt;Open Template&lt;/code&gt; (like: Tx_Appy). You will be redirected to Template Admin. Now, click to &lt;em&gt;&lt;strong&gt;Widgets&lt;/strong&gt;&lt;/em&gt; tab and Upload your own logo by Logo Image Upload field, click to save from top and You are done!&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://www.themexpert.com/images/docs/expose/03.customize/change-logo/change-logo1.png&quot; alt=&quot;Logo Settings&quot; class=&quot;img-responsive&quot; /&gt;&lt;/p&gt;
&lt;h2&gt;From file manager&lt;/h2&gt;
&lt;p&gt;Go to specific &lt;code&gt;template's folder -&amp;gt; images&lt;/code&gt; here is a file called &lt;strong&gt;logo.png&lt;/strong&gt; Just need to replace this file with yours but file-name should remain the same.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://www.themexpert.com/images/docs/expose/03.customize/change-logo/change-logo2.png&quot; alt=&quot;Changing Logo&quot; class=&quot;img-responsive&quot; /&gt;  &lt;/p&gt;</content>
		<category term="Customize " />
	</entry>
	<entry>
		<title>Built-in Classes</title>
		<link rel="alternate" type="text/html" href="https://www.themexpert.com/docs/expose/customize/builtin-classes"/>
		<published>2016-05-06T16:16:06+06:00</published>
		<updated>2016-05-06T16:16:06+06:00</updated>
		<id>https://www.themexpert.com/docs/expose/customize/builtin-classes</id>
		<author>
			<name>Parvez Akther</name>
			<email>parvez@themexpert.com</email>
		</author>
		<summary type="html">&lt;p&gt;&lt;strong&gt;pull-left&lt;/strong&gt; class used to float element/div/module in left side. It also generates margin-right of 15px.&lt;br /&gt;
&lt;strong&gt;pull-right&lt;/strong&gt; class used to float element/div/module in right side. It also generates margin-left of 15px.&lt;br /&gt;
&lt;strong&gt;nopadding&lt;/strong&gt; 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 &lt;strong&gt;nopdding-left&lt;/strong&gt; class.&lt;br /&gt;
&lt;strong&gt;nomargin&lt;/strong&gt; 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 &lt;strong&gt;nomargin-left&lt;/strong&gt; class.&lt;br /&gt;
&lt;strong&gt;align-center&lt;/strong&gt; class will include text-align center style to that element. There is also &lt;strong&gt;align-left&lt;/strong&gt; &amp;amp; &lt;strong&gt;align-right&lt;/strong&gt; class.&lt;br /&gt;
&lt;strong&gt;img-rounded&lt;/strong&gt; class will add some border-radius into that image. &lt;strong&gt;img-circle&lt;/strong&gt; &amp;amp; &lt;strong&gt;img-polaroid&lt;/strong&gt; classes are also there to give extra bit of styles to image. &lt;/p&gt;</summary>
		<content type="html">&lt;p&gt;&lt;strong&gt;pull-left&lt;/strong&gt; class used to float element/div/module in left side. It also generates margin-right of 15px.&lt;br /&gt;
&lt;strong&gt;pull-right&lt;/strong&gt; class used to float element/div/module in right side. It also generates margin-left of 15px.&lt;br /&gt;
&lt;strong&gt;nopadding&lt;/strong&gt; 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 &lt;strong&gt;nopdding-left&lt;/strong&gt; class.&lt;br /&gt;
&lt;strong&gt;nomargin&lt;/strong&gt; 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 &lt;strong&gt;nomargin-left&lt;/strong&gt; class.&lt;br /&gt;
&lt;strong&gt;align-center&lt;/strong&gt; class will include text-align center style to that element. There is also &lt;strong&gt;align-left&lt;/strong&gt; &amp;amp; &lt;strong&gt;align-right&lt;/strong&gt; class.&lt;br /&gt;
&lt;strong&gt;img-rounded&lt;/strong&gt; class will add some border-radius into that image. &lt;strong&gt;img-circle&lt;/strong&gt; &amp;amp; &lt;strong&gt;img-polaroid&lt;/strong&gt; classes are also there to give extra bit of styles to image. &lt;/p&gt;</content>
		<category term="Customize " />
	</entry>
</feed>
