LogoLogo
NFTEmbedGravitonHelp
  • 🖼️NFT Embed
  • Intro
    • 🤔What is NFT Embed?
    • 🔢How to use NFT Embed
    • 🎛️Embed Features
    • ❓FAQs
  • Custom Styling
    • Using Custom Styles (CSS)
    • Fonts and Colors
      • Fonts
      • Colors
    • Spacing and Orientation
      • Padding
      • Margins
      • Alignments
    • Code Examples
      • Full Code with Comments
    • Tips for Customization
  • Details
    • ⚙️Features
      • 🧑‍⚖️Auctions
      • 🧑‍🎨Collections
      • 🤝Finders Fee
      • 🏪Marketplace
        • Collection Royalties
      • ⚛️React SDK
    • 🧰Implementations
      • 🔳SquareSpace
      • 🔡WebFlow
      • 🛍️Shopify
  • Resources
    • 🛠️Tools
    • 🙋Support
  • 📩Contact Us
  • 🧲Graviton
  • 🎨NFT Embed
Powered by GitBook
On this page
  • Color Tips
  • What colors work?
  • Layout Tips

Was this helpful?

  1. Custom Styling

Tips for Customization

PreviousFull Code with CommentsNextFeatures

Last updated 2 years ago

Was this helpful?

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.

Color Tips

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

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

What colors work?

  • Any standard color of the rainbow will reflect

  • red, blue, green, purple, yellow, orange,

  • You may also use additional colors by appending the color with either light or dark

  • dark red light red etc.

  • darkred or lightyellow

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.

Here is a contrast tool:

Contrast Checker
Example of super-high contrast: Text is clearly visible against the background color.