Page 1 of 1

How to style an iFrame in Webhelp Responsive?

Posted: Thu Sep 12, 2019 10:55 pm
by shannonxtreme
We've embedded an Excel workbook as an iframe on a Webhelp transform, hosted on Sharepoint 2013. I'm trying to use the following code in the transformation scenario CSS to set the width, height, and alignment of the iframe element, but the styles aren't being applied. Am I going about this the right way?

Code: Select all

iframe {
	width: 75%;
	height: 500px;
	margin: auto;
	display: block;
}

Re: How to style an iFrame in Webhelp Responsive?

Posted: Wed Sep 18, 2019 2:51 pm
by Radu
Hi,

You can try to open the generated HTML document which has the embedded iframe and then use the web browser's web inspector tools to see what CSS styles are applied to it. You can try various CSS approaches until one works and use that in the CSS provided for publishing.

Regards,
Radu