Fullwidth template -oh so close

  • Resolved rebop

    (@rebop)


    12 years, 1 month ago

    Hi folks,
    I wanted a full page even though all other pages on my site have a sidebar. I’ve come very close, but not exactly what I want just yet.

    Using a child theme of Twenty Eleven.

    Trying this on a “throw-away page” which is my test bucket for a number of things. Nothing here is critical, just a place to learn and play.

    I’d like the side margins about half of what they are. you can see I tried margins and padding with no luck. Got a fix?
    And I use Pageview with iFrame to insert a page. I can likely increase the height of this easily, but is there a way to scale the page being inserted so it shows all of the page and not just a portion of it horizontally?

    Appreciate your tips.

    https://www.in4m8n.com/test

    ~Bob

Viewing 3 replies - 1 through 3 (of 3 total)

  • The div with class entry-content is set to a width of 68.9%

    Assuming you’ve already created a page template, just add the following to the top of your page template somewhere between <head> and </head>:

    <style type="text/css">
.entry-content {
     width: 90%;
}
</style>

    You can change 90% to whatever you want.

    Let me know if I’ve misunderstood your question!

    The width of the content section is being set in this CSS:

    .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
    margin: 0 auto;
    width: 68.9%;
}

    But changing that will mess up other pages. So presumably what you want to do is use CSS selectors so that only that page is affected?

    So try this:

    #wideContent .entry-content {
  width:  XX%;
}

    Use whatever width percent you want.

    Thread Starter rebop

    (@rebop)

    Perfect! Thanks.

    I already had a wideContent section that was not doing what I wanted:

    #wideContent {
	float: left;
	width: 98%;
	margin: 0px 0px 0px 30px;
	padding: 0 0 0 0;
        position: relative;
        z-index: 1;
	}

    Added your suggestion and just where I want to be.

    Thanks.

    ~Bob

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Fullwidth template -oh so close’ is closed to new replies.