Deli theme doesn’t look like demo

Hi, add the following into Appearance->Customize->Additional CSS

@media (min-width: 768px) {
  .deli-content-wrapper .content-area {
    width: 79%;
  }
}

Thank you so much! That fixed it ??

Glad to hear! Please make sure to mark this topic as solved in the right hand sidebar ??

One more question… I started setting up my home page but I want to make my homepage full screen without widgets. I installed Widget Context plugin to remove the widgets from the homepage but the homepage now just has a huge space where they were. How can I get rid of that space now on the right side?

Hi, just remove the code that I gave you. As you’re using the Homepage template, it should span the full width even if you have widgets setup in the Sidebar section in Appearance->Widgets

At least that is the case testing on my local install

When I removed it the gap was missing on all the other pages again. I’d like it to look like Deli theme’s demo

Try this code instead

@media (min-width: 768px) {
  :not(.home) .deli-content-wrapper .content-area {
    width: 79%;
  }
}

If that doesn’t work, can you remove the custom code that I gave you and let me know when you do so I can take another look and try to figure out a fix?

Thanks

It didn’t work so I removed the original one you gave me.
Thank you so much for helping me with this ??

Thanks, I believe this should do it

@media (min-width: 768px) {
  body:not(.page-template-template-homepage) .deli-content-wrapper .content-area {
    width: 79%;
  }
}

You’re a genius! Thank you so much!