Override CSS Styles in iframe CSS/HTML ONLY

Asked Mar 12 '19 at 09:39

Active Mar 12 '19 at 10:04

Viewed 674 times

Im looking to override a piece of code from a Google form iframe, I want to adjust the width, but I have tried adding that style into my own css and adding !important after the width size but it doesn't seem to work.

Here is the style I am trying to override:

.freebirdFormviewerViewCenteredContent {
    margin: auto;
    width: 640px;
}

Let me know if you guys have another solution I could try.

(also please only css and html answers, I cant add javascript/jquery.)

Harry.

edited Mar 12 '19 at 10:04

asked Mar 12 '19 at 09:39

Harry Manser

2

please post jsfiddle – Abdul Basit Mar 12 '19 at 09:40
im new to this website, how do I do that? – Harry Manser Mar 12 '19 at 09:41
go to https://jsfiddle.net/ and post your HTML or CSS in relevant boxes and share the link – Abdul Basit Mar 12 '19 at 09:42
https://jsfiddle.net/y3tq08rm/ – Harry Manser Mar 12 '19 at 09:46
Possible duplicate of [How to apply CSS to iframe?](https://stackoverflow.com/questions/217776/how-to-apply-css-to-iframe) – Jake Mar 12 '19 at 09:47
work perfect:https://jsfiddle.net/mwr7uj0e/ – לבני מלכה Mar 12 '19 at 09:48
That jfiddle uses the css I want to change but, when you try to adjust the width it doesnt work. – Harry Manser Mar 12 '19 at 09:57
Possible duplicate of [Override body style for content in an iframe](https://stackoverflow.com/questions/6494721/override-body-style-for-content-in-an-iframe) – Andreew4x4 Mar 12 '19 at 11:43

Override CSS Styles in iframe CSS/HTML ONLY

0 Answers0