Streaming live at 10am (PST)

How can I override the style/CSS for an embedded (app) widget's pages in an iframe?


#1

I am looking to integrate a number of widgets from a company called ‘Rock Gym Pro’ for a client of mine. However, their widget does not pull in fonts or styling from the rest of the website we are building in webflow!

Would there be any way to put custom styling (i.e. change the font, colours, alignment)? I’m not great at coding, and all current attempts have failed to make a difference… it appears their ‘app’ is fixed, but surely there is a way to style within webflow?

I have set up a test project with one of the widgets planted in as a code block underneath a header - [https://preview.webflow.com/preview/rgp-widget-test?preview=e702411d1d4c95a098a226193c96ae2c


#2

Hi @MattYengo,

Seems that it miss the link to the example for the widget.
If you can also share a read-only link to your project or an example setup if you have sensitive informations so we can provide accurate help.

Cheers


#3

Sure no problem @Maximosaurus, I have set up a test project with one of the widgets planted in as a code block underneath a header - https://preview.webflow.com/preview/rgp-widget-test?preview=e702411d1d4c95a098a226193c96ae2c


#4

Thanks for this, can you also share your published (staging) link as embed elements won’t render in preview mode.


#5

Here you go @Maximosaurus - http://rgp-widget-test.webflow.io


#6

I tried a few thing with custom but it seems that it is beyond my knowledges.

My best recommendation would be to contact their support directly as they would be probably more able to tell how you can customise the styling of your widget.

Sorry I couldn’t help on this one.

I hope you’ll come across the solution and I would be happy to hear from it if so.


#7

I have already contacted their support team and they don’t seem to offer any help or advice on styling (really frustrating!). So really need to find a solution to style using CSS or HTML in webflow.
Thanks for your help so far @Maximosaurus - Does any one else have any solutions?


#8

You cannot style an external page in an iframe by default (unless they allow you to).

See

https://stackoverflow.com/q/6494721/584192
https://stackoverflow.com/q/217776/584192