# How to Customize Website Styles

Have you ever come across a time when you had to change resize the website label size or even adjust a form box size?

If yes, then the below solution is going to help you out. I am going to show the tool that can help you to customize any website from your Chrome browser.


## How to customize website style using chrome extension
 
The first one is [Stylish](https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe), a chrome extension to edit the styles for any websites locally. They also have beautiful user styles and skins available. You can check these custom styles from [here](https://userstyles.org/).


![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1646271532964/QeJJ5Ilrb.png)
 
I hope this below video tutorial useful to set it up. 

<iframe width="560" height="315" src="https://www.youtube.com/embed/fCVvGwoF5cQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Chrome Extension URL: https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe

Another similar chrome extension is [Stylebot](https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en). This is an open source extension and feel like adding it here because of that. 

The main thing I don't like about Stylebot is its size (~<3MB).

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1646272267907/vClm4MU8w.png)

## Customize in the hard way

As you may know that Chrome is a powerful browser and it's inspector elements really solves many problems. Inspector element is a handy tool if you're a developer or your use case doesn't require many changes.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1646272562013/28Rh_WGO7.png)

For a beginner video tutorial, I would suggest the below video:

<iframe width="560" height="315" src="https://www.youtube.com/embed/1l4xz1QQhew" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


### Use Case 
Original solution: [https://www.reddit.com/r/chrome_extensions/comments/t56k70/looking_for_a_chrome_extension_to_resize_form/](https://www.reddit.com/r/chrome_extensions/comments/t56k70/looking_for_a_chrome_extension_to_resize_form/)

### Other links

- [how-to-inspect-an-element-chrome-shortcut](https://www.freecodecamp.org/news/how-to-inspect-an-element-chrome-shortcut/)