[how-to] Select HTML element in Retool app for CSS

Retool Tips & Tricks
1

To grab the correct HTML selector from your app's component, you can:

  1. Open up your browser's Dev Tools (cmd option i on Mac), click the element selector arrow (top left)
    Screen Shot 2023-03-17 at 2.51.45 PM

  2. Select the element on the page

    Screen Shot 2023-03-17 at 2.57.23 PM
    Screen Shot 2023-03-17 at 2.57.23 PM974×386 36.1 KB

  3. Right click the element in the elements list > Copy > Copy selector.

    Screen Shot 2023-03-17 at 2.56.10 PM
    Screen Shot 2023-03-17 at 2.56.10 PM1296×422 259 KB

  4. Then continue to follow our docs on applying the custom CSS to your Retool app: Custom CSS

1 Like