Docs

[Kashevko]

Hey there,

My website is: http://ponylab.studio

I’m trying to make my blog posts full width but no results.
I’ve tried the next CSS codes:

.single .x-sidebar {
  display: none !important;
}
.single .x-main {
  width: 100% !important;
}

  .single-post .site > .x-container-fluid {
max-width: 100% !important;
width: 100% !important;
}

How can we figure this out?
Thanks,
Serg

[Kashevko]

This reply has been marked as private.

[Rahul]

Hi there,

Thanks for writing in! To make the blog posts page full width, just add the following CSS code via Appearance > Customize > Custom > CSS:

.single .x-sidebar {
  display: none !important;
}
.single .x-main {
  width: 100% !important;
}

Let us know how this goes!

[Rahul]

Hi there,

Thanks for writing in! To make the blog posts page full width, just add the following CSS code via Appearance > Customize > Custom > CSS:

.single .x-sidebar {
  display: none !important;
}
.single .x-main {
  width: 100% !important;
}

Let us know how this goes!

[Kashevko]

Hi Raul,
it seems not to work…
Please check the link I sent here as a private reply.

Thanks.

[Thai]

Hi There,

Please find this CSS:

@media (max-width:979px){
footer.x-colophon.bottom {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0; 
 
   /** Making Get a Quote Bold**/
   /** Displaying Blog Posts Full width**/
  .single .x-sidebar {
  display: none !important;
}
.single .x-main {
  width: 100% !important;
}

And change to this:

@media (max-width:979px){
	footer.x-colophon.bottom {
	    position: fixed;
	    right: 0;
	    left: 0;
	    bottom: 0; 
	}
}

/** Displaying Blog Posts Full width**/
.single .x-sidebar {
  display: none !important;
}
.single .x-main {
  width: 100% !important;
}

Hope it helps 🙂

[Kashevko]

Oh, silly me.

Thanks Thai, works perfectly 🙂

[Paul R]

You’re welcome! 🙂

[Author]

Posts