# How to remove the style selector

### 1. How to remove the style selector

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FyKdAamwSiyTk55zKcd0j%2F1.How_toremovethe_styleselector.png?alt=media\&token=cbadd361-e5e9-4b9a-853e-13cfb3994f4f)

If you want to remove the style switcher from home page you need to remove some simple codes from your template file. simply follow the instructions below

**Step-1:** Go to **templates->tp\_knapsack->tpls**

**Step-2:** Here you can find the all template files (Each file has the style switcher code)

**Step-3:** Open the **default.php** file

**Step-4:** Remove the following code from **default.php** file

```php
<!-- 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" class="gray" title="Gray"></a></li>   
      <li><a href="index.php/brown" class="brown" title="Brown"></a></li>
      <li><a href="index.php/orange" class="orange" title="Orange"></a></li>
      <li><a href="index.php/yellow" class="yellow" title="Yellow"></a></li>
      <li><a href="index.php/red" class="red" title="Red"></a></li>
      <li><a href="index.php/purple" class="purple" title="Purple"></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>
    </ul>
  </div>
</section>
```

Once you removed the above code, Home page style switcher will removed If you are not familiar with this process send me your site login details to <support@themeparrot.com>, i will help you to remove the style switcher from your site.