# Tips for Customization

NFT Embeds full potential gets realized when custom styling is toggled "on." Custom CSS will ensure you match your website's branding and aesthetic.

To enable CSS select the last toggle that says '**Custom Style**' on the left-hand side of the NFT Embed.

![](/files/bF3KHCu1XLYnP4nEsVcK)

### Color Tips

Make sure to consider contrasting colors. High contrast is best for web pages.

![Example of super-high contrast: Text is clearly visible against the background color.](/files/ZATm78RHJb4YlbhA9jaY)

{% hint style="info" %}
Here is a contrast tool: [**Contrast Checker**](https://coolors.co/contrast-checker/f3fc03-451137)
{% endhint %}

The tool above will quickly allow you to identify highly effective contrasting colors.

### What colors work?

* Any standard color of the rainbow will reflect
* <mark style="background-color:red;">red</mark>, <mark style="background-color:blue;">blue</mark>, <mark style="background-color:green;">green</mark>, <mark style="background-color:purple;">purple</mark>, <mark style="background-color:yellow;">yellow</mark>, <mark style="background-color:orange;">orange,</mark>
* You may also use additional colors by appending the color with either light or dark
* dark red light red etc.
* <mark style="color:red;">`darkred`</mark> or <mark style="color:yellow;">`lightyellow`</mark>

### Layout Tips

You can enable "Responsive Width" to remove the guesswork from screen widths. Some people may view the NFT Embed through different sizes of devices; commonly, the width is the most affected view.

![](/files/qn8VS2GPLkO5VuPylWeA)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.nftembed.org/custom-styling/tips-for-customization.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.