# Apply Custom CSS

<figure><img src="https://3731994945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBy5z08zL1UoCwNqmg%2Fuploads%2FGXkkv2Ds3bPr4ynK0fgE%2FScreenshot%202023-07-17%20at%206.43.40%20PM.png?alt=media&#x26;token=d67f598e-47df-4367-935c-2e605910d3ee" alt=""><figcaption></figcaption></figure>

<mark style="color:green;">**Step: 1**</mark> Go to **General Settings --> CSS**

<mark style="color:green;">**Step: 2**</mark> Give the Element identifier on which you want to apply the CSS. Check [this table](https://help.twinr.dev/screen-customization/hide-elements#example-of-elements) for how to find element identifier.

<mark style="color:green;">**Step: 3**</mark> Give CSS property that will be applied on the element.

<mark style="color:green;">**Step: 4**</mark> Select the screens on which you want to apply this CSS to.

For example, you want to change the Price tag color to Red in the mobile app to differentiate from the website. Below is how the App will look different than the website. Note that the color change will be applied to all the screens that you have selected.

Left is The Website opened in the browser and Right side is the Native Twinr app.

![Website in the browser](https://3731994945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBy5z08zL1UoCwNqmg%2Fuploads%2F2IASzWs6TuaatUU2Pd8d%2FIMG_0598.PNG?alt=media\&token=02153a3c-e1b8-45b3-8636-61c0740faca5)     ![Native Twinr App](https://3731994945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBy5z08zL1UoCwNqmg%2Fuploads%2FcvtwsSsVLM7fCBawKdKU%2FIMG_0597.PNG?alt=media\&token=95ccffbb-6a86-4fbc-9af8-939b05c6f09a)

Watch video below to see how to customize your web page by applying CSS.

{% file src="<https://3731994945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBy5z08zL1UoCwNqmg%2Fuploads%2FulnMbi05qP57HSXg7oa5%2FCSS%20-%20How%20to%20customize%20your%20web%20page%20using%20CSS_.mp4?alt=media&token=3b1ddcb3-ac1a-4f2c-b8d7-c62da5ad89f2>" %}