---
updatedAt: 2025-06-03T01:08:10.000Z
agentTools:
  projectIndex: https://docs.knack.com/v3/llms.txt
---

# Styling Embedded Apps

When you [embed your Knack app](https://learn.knack.com/article/jyqtajcj52-embedding-your-app) to your own website or blog, that app is added directly to your website’s HTML code. This means that it will follow any CSS rules you’re including for that web page.  A Knack app will typically follow your font and link color styles by default.

You can also add additional CSS styles to **modify** the default Knack styles. Any styles added to the same page you publish your app to will be applied to the HTML of your Knack app.

> 📘 When embedding, the styles from your external site will not affect the app when viewed directly at knack.com; they will only affect the embedded version of the app.

## Adding directly to your app

You can add CSS styles directly to your app. From the Settings section of the Builder, click on "API & code and the CSS in the top menu. There you can add your own styles to your app.

![1936](https://files.readme.io/bb117cb-2020-11-30_16-01-14.png "2020-11-30_16-01-14.png")

> 📘 These styles will affect both the knack.com apps and any embedded apps.