> For the complete documentation index, see [llms.txt](https://jdocs.themeparrot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jdocs.themeparrot.com/joomla-templates/milestone/template-customization/how-to-remove-the-style-selector.md).

# How to remove the style selector

### 1. How to remove the style selector

![](/files/X3F8cEz7Ve9KhaqSxISh)

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\_milestone->tpls

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

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

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

```html
<!-- 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="blue" ></a></li>
      <li><a href="index.php/green" class="green"></a></li>
      <li><a href="index.php/orange" class="orange"></a></li>      
      <li><a href="index.php/yellow" class="yellow"></a></li>
      <li><a href="index.php/red" class="red"></a></li>
      <li><a href="index.php/dark-red" class="dark-red"></a></li>
      <li><a href="index.php/brown" class="brown"></a></li>
      <li><a href="index.php/purple" class="purple"></a></li>
      <li><a href="index.php/turquoise" class="turquoise"></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>
    </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](http://support@themeparrot.com/), i will help you to remove the style switcher from your site.