Notifications
Clear all

iframe background color

11 Posts
2 Users
0 Reactions
1,679 Views
Posts: 12
Topic starter
(@wingfield)
Active Member
Joined: 3 years ago

hello,

how do I add background color?  I've tried the below, but it does not work.

 

thank you

[iframe src=" removed link " width="100%" height="600" iframe_content_styles="background-color: #f8f8fff"]
10 Replies
Posts: 12
Topic starter
(@wingfield)
Active Member
Joined: 3 years ago

I believe that last "f" should be a ;

in any case, still does not work

Reply
TinyWebGallery
Posts: 923
Admin
(@admin)
Prominent Member
Joined: 16 years ago

You should use advanced_iframe as shortcode. 

And here you see a demo how to set styles: http://www.tinywebgallery.com/blog/advanced-iframe/demo-advanced-iframe-2-0

 

[ advanced_iframe id="myiframe" content_id="#myiframe" content_styles="background-color: #f8f8ff" ]

 

does the the background of the iframe itself

iframe_content_styles

works inside the iframe if you are on the same domain. If you like this you need to define also where the color should be applied to: iframe_content_id="body" iframe_content_styles="background-color: #f8f8ff;"

This then sets the background color of the body inside the iframe. 

Please also check the documentation in the administration for more details. 

Best regards,

Michael

 

Reply
2 Replies
(@wingfield)
Joined: 3 years ago

Active Member
Posts: 12

@admin Michael,

cycling back on this one.  so I do understand the need to use "iframe_content_id" and "Iframe_content_styles"; but how do I know what use use for these variables?  I've tried using "inspect" on my webpage; but I'm not having any luck figuring this out.

Reply
(@wingfield)
Joined: 3 years ago

Active Member
Posts: 12

btw - here's what the inspect looks like on the page.  I've changed the color to white, which works; but I really don't know what to do with the information shown relative to the shortcodes you've suggested using.

 

Reply
Posts: 12
Topic starter
(@wingfield)
Active Member
Joined: 3 years ago

thank you very much Michael.  case closed!

Reply
TinyWebGallery
Posts: 923
Admin
(@admin)
Prominent Member
Joined: 16 years ago

You are welcome :).

Reply
Page 1 / 2