Ignore CSS page styling with HTML embed

Developer help
1

I have a custom post template that is full-width so that I can embed a ‘scrollmation’ story. It’s an HTML embed that loads Javascript for the story. Everything works great, except that some elements in the scrollmation (dividers, blockquotes) look off because it’s using the default theme styling instead of the styling from the embed.

Apparently, you can add custom CSS in the scrollmation platform but my plan does not allow this feature. I need a way to override the theme CSS through code injection or another way.

Does anyone know if this is possible?

2

An iframe maybe? That’d be a good way to keep styles separate. Otherwise, you can stick a class or id on the container and override the theme styles.

2 Likes
3

Of course! Thank you. For some reason the initial embed was just loading the script. Putting everything into an iframe added all the CSS styling code, which solves this issue.

1 Like