Change Webflow styling of embed block (not custom CSS)

Design help General
1

Can you have an embed code block (of text) inherit a webflow styling?

For example, I have an embed code block for text because I need it to present dynamic data. The thing is, I need the font size to change every breakpoint. Right now I just have the embed with a constant font size.

2 
<style>
@media (max-width: 767px) {
  .your-embed-class {
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  .your-embed-class {
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  .your-embed-class {
    font-size: 24px;
  }
}
</style>
1 Like
3

Thanks! I’ll use this. So it’s not possible to affect it through webflow styling?

4

It is, if you match the classes.

The best approach is to build a straw man that matches the arrangement of DIVs, Ps, etc. in your embed as Webflow elements on a style guide page. Then style them. As long as the class names exactly match what’s used in your embed, you’re good, but that can be tricky to get right. Spaces become hyphens, etc.

Get comfortable with chrome inspector if you’re not already.