Removing widget area from page

• 

  themailstash · Member · Dec 30, 2016 at 9:48 pm

  • Copy link
  • Add topic to favorites

  I want to make my post pages full widt, but the widget area is still there. The help desk from WordPress told me that I have to do this using a CSS code. I do not have any experience with this, can someone please explain to me how I can make my post pages full widt using CSS codes

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jan 2, 2017 at 6:32 pm

  • Copy link

  Hi there, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and your content will be full width.

  #secondary {
    display: none;
  }
  .site-main {
    margin-right: 0;
  }

• 

  themailstash · Member · Jan 24, 2017 at 8:46 pm

  • Copy link

  Thank you so much! That worked. But what if I also want my pictures to be full width now? And if I do want the home page with a widget?

• 

  thesacredpath · Member · Jan 25, 2017 at 7:15 pm

  • Copy link

  Super. The theme software creates a cropped image off the original one you upload at the proportions you see now. Since it is a crop if we force the image full width, we are asking the browser to do that and the image will get really fuzzy, and really huge. You can add the following to your custom CSS and see for yourself.

  .featured-image img {
  width: 100%;
  }