Docs

[brightdurango]

Hello,

I added the following to my custom css in order to have a full width blog page:

.single .x-container.width {
width: 100%;
}

It is still showing a sidebar, however. I will post access info, as the site is in maintenance mode. I would also like to get rid of the words “The Blog” which appear at the top left of blog posts.

[brightdurango]

This reply has been marked as private.

[Rahul]

Hey there,

I see that you have not defined a blog page in the Reading settings. Can you please assign a blog page and we can see how it looks?

Meanwhile, try the below CSS :

.blog .x-container.offset,
.single-post .x-container.offset {
  width: 100%;
  max-width: none;
}

Thanks

[brightdurango]

Please see this post: http://cordovaalaska.dreamhosters.com/small-house-small-price/

Blog page has been set.

[Rupok]

Hi there,

To make the single post fullwidth, let’s add this as well :

.single-post .x-main {
  width: 95%;
}

You can set to 100% if you need.

To hide “The Blog” from single post, use this :

.single-post .x-header-landmark {
  display: none;
}

.single-post .x-main {
  margin-top: 20px;
}

Hope this helps.

Cheers!

[brightdurango]

This helps, but it doesn’t create a very attractive page. I tried using 65% in place of 95% – but then the text jumps over to the right hand side of the page. How can I play with the size, but keep it centered in the page?

Thanks so much.

[brightdurango]

Also, the page title is now hiding behind the header – please see: http://cordovaalaska.dreamhosters.com/112-cabin-ridge-road/

[Rupok]

Hi there,

I have just provided what you wanted and you can always adjust the code to meet your needs. You can try updating the code to following :

.single-post .x-container.offset {
  margin: 100px auto;
  max-width: 100%;
  width: 100%;
}

.single-post .x-main {
  display: block;
  float: none!important;
  margin: 20px auto !important;
  width: 65%;
}

.single-post .hentry {
  margin-top: 90px !important;
}

Hope this helps.

Cheers!

[Author]

Posts