Welcome, Guest

TOPIC: How to remove style selector from Builder tempalte

How to remove style selector from Builder tempalte 11 months 1 week ago #164

vijayanand
Offline
Administrator
Posts: 325
Thank you received: 45
Karma: 8

If you want to remove the style selector from Builder theme you need to remove some simple codes from your template file.
simply follow the instructions below to remove the that

Step-1: Go to templates/jb_builder/tpls/
Step-2: Here you can find the all template files (Each file has the style switcher code if you use any other layout you need to remove the code from respective file)
Step-3: For example Open the builder.php file
Step-4: Remove the following code from builder.php file

<!-- Style Switcher
================================================== -->
<section id="style-switcher">
  <h2>Style Selector <a href="#" ></a></h2>
  <div>
    <h3>Layout Style</h3>
    <div class="layout-style">
      <select id="layout-style">
        <option value="1">Wide</option>
        <option value="2">Boxed</option>
      </select>
    </div>
    <h3>Predefined Colors</h3>
    <ul class="colors" id="colors">
	  <li><a href="index.php/home/color-preset/color-preset-01" class="green"></a></li> 
      <li><a href="index.php/home/color-preset/color-preset-02" class="blue" ></a></li>
      <li><a href="index.php/home/color-preset/color-preset-03" class="orange"></a></li>
      <li><a href="index.php/home/color-preset/color-preset-04" class="red"></a></li>
      <li><a href="index.php/home/color-preset/color-preset-05" class="turquoise"></a></li>
	  <li><a href="index.php" class="yellow"></a></li>
    </ul>
    <h3>Background Image</h3>
    <ul class="colors bg" id="bg">
      <li><a href="#" class="bg1"></a></li>
      <li><a href="#" class="bg2"></a></li>
      <li><a href="#" class="bg3"></a></li>
      <li><a href="#" class="bg4"></a></li>
      <li><a href="#" class="bg5"></a></li>
      <li><a href="#" class="bg6"></a></li>
      <li><a href="#" class="bg7"></a></li>
      <li><a href="#" class="bg8"></a></li>
      <li><a href="#" class="bg9"></a></li>
    </ul>
  </div>
</section>

Once you removed the above code, style switcher will removed from your site:-)
If you are not familiar with this process send me your site login details to This email address is being protected from spambots. You need JavaScript enabled to view it., i will help you to remove the style switcher from your site

Am always happy to help my valuable customers

Note: Apologies for inconvenience, We are working on a new module for this style selector, once done we will update the style selector module in our upcoming templates so that you can easily turn of this.

Thanks & Regards
Vijayanand
Joomlabuff.com

Last Edit: 11 months 1 week ago by vijayanand.

The administrator has disabled public write access.