Illdy Blog Posts Full Width

Hi There!

I am having trouble getting my individual blog post pages to be full width. My blog sidebars are not active and have no widgets. I’ve tried editing some css as well as the page.php template, haven’t figured it out yet.

Hope someone can help!

Thanks!

Hi,

Try this Custom CSS in Appearance -> Customize -> Additional CSS,

.single .col-sm-8 {
    width: 100%;
}
.single #sidebar {
    display: none;
}

Let us know,

Thanks,
laranz.

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*fullwidth blog post*/
.single-post div#sidebar {
    display: none;
}
.single-post .col-sm-8 {
  width:100%
}

Best regards,
Support.

Hey There

Thanks for providing some options. Unfortunately it’s not doing exactly what I want. The space on the right side of the page is gone, but there is still a space on the left. Maybe space for another sidebar? Any other ideas?

Hey there,

I hope you are well today and thank you for your question.

The code should work fine.
Can you provide the URL to your website?

Best regards,
Support.

Hello there,

Can you please take a look at my website, it is now published.

I utilized the css provided and it does not give me the centered full width results I’m looking for.

Here is a blog on my site so you can see for yourself:

https://tucsonmusicschool.org/fast-pitch-2017

Thank you

Hello there,

You can use the following CSS code to create a full width blog by going to Appearance > Customize > Additional CSS and pasting it there.


.col-sm-offset-2 {
    margin-left: 0px;
}

@media (min-width: 768px)
bootstrap.min.css?ver=3.3.6:5
.col-sm-offset-2 {
    margin: 0 auto;
}

@media (min-width: 1200px)
.container {
    width: 100%;
}

Best Regards,
Support

Great, that did the trick! Thanks!

Hey! I just noticed that this change is also affecting the homepage buttons :frowning:

What can I do to only offset the blog pages?

Thanks