Twenty Fourteen
iframe on Full Width page (3 posts)

  1. makphisto
    Posted 2 years ago #

    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).


  2. Hannes Salen
    Posted 2 years ago #

    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.

  3. Hannes Salen
    Posted 1 year ago #

    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;

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic