Support » Theme: Twenty Fourteen » iframe on Full Width page

  • I have content that I want to display in an iframe. Of course, the iframe content “box” is narrow (to fit the area of the theme), REGARDLESS of what template I use – Default or Full Width. I went into CSS and changed my iframe setting from 100% to “none”, which opens up that container, but on the Full Width template, the content still starts too far to the right. Is there any way to remove some of the white space between the left side border and where the content starts?

    You can see the white space in this image:
    I want to remove some of that space between the black border on the left and the content (IE, where it says Registration).


Viewing 2 replies - 1 through 2 (of 2 total)
  • I have the same problem, I tried this solution but it doesn’t seem to work.
    It would look much better if the content width could be changed, then the iframe would be in the centre of the page instead of at the right side.

    Foudn out how I can change the content width of full width pages only, copy below code in you style.css

    .full-width .archive-header,
    .full-width .comments-area,
    .full-width .image-navigation,
    .full-width .page-header,
    .full-width .page-content,
    .full-width .post-navigation,
    .full-width .site-content .entry-header,
    .full-width .site-content .entry-content,
    .full-width .site-content .entry-summary,
    .full-width .site-content footer.entry-meta {
    	max-width: 800px;

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘iframe on Full Width page’ is closed to new replies.