# Custom branding

You can customise the look and feel of your Product Tour using the 'Formatting Options' fields on the Product Tour element.

<div align="left"><figure><img src="https://3779964754-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fofqy66xyJ0E2i4hRedIQ%2Fuploads%2FG4aDGZfOpqSaxilRYUlN%2FScreenshot%202024-01-31%20at%2014.50.59.png?alt=media&#x26;token=5947f60f-0fd8-4767-bb39-12b8de3fcefd" alt="" width="335"><figcaption></figcaption></figure></div>

You can also format certain aspects of the individual steps of the tour using the fields on the 'Add a step in ProductTour' action.

<div align="left"><figure><img src="https://3779964754-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fofqy66xyJ0E2i4hRedIQ%2Fuploads%2Fm05nOCQWXGw7LqOYNPbl%2FScreenshot%202024-01-31%20at%2014.55.43.png?alt=media&#x26;token=852fef9c-ce0e-4a22-a8b7-a7261d857330" alt="" width="375"><figcaption></figcaption></figure></div>

Finally, you can also style the text/content of the text in the individual steps using HTML. In the below example, I'm adding an image to the step by using a div and an iFrame (this was all provided on GIPHY).

<div align="left"><figure><img src="https://3779964754-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fofqy66xyJ0E2i4hRedIQ%2Fuploads%2Fx6KoxFuSZx914M97cDZg%2FScreenshot%202024-01-31%20at%2015.00.22.png?alt=media&#x26;token=0dcb1c58-569a-41a9-be91-69e4966627a8" alt="" width="563"><figcaption></figcaption></figure></div>

This results in that step of the product tour having an embedded GIF:

<figure><img src="https://3779964754-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fofqy66xyJ0E2i4hRedIQ%2Fuploads%2FtPVokQJOy3NN3CS65ZGR%2F2024-01-31%2015.01.39.gif?alt=media&#x26;token=04383723-9e0c-4685-bd9d-5b9a9c45becf" alt=""><figcaption></figcaption></figure>