Eliminate Widget Area and Center Blog Post Content Area

• 

  faunageo · Member · Apr 25, 2017 at 5:22 am

  • Copy link
  • Add topic to favorites

  Hi there!

  I need your help!
  This is a Blog Post
  https://strasetsglobal.com/2017/04/18/first-blog-post/

  As you can see, the right widget area takes huge amount of space. I would like to eliminate the widget area on the right, and center and broaden the post content area, for all posts.

  Pages have the option to be attributed Full Width layouts, but the same does not seem to apply to Blog Posts on Entrepreneur theme.

  Is there a way to do it?
  – eliminate widget area on the right from Blog Posts, and
  – center and broaden the post content area.

  Many thanks for your help
  Ralph

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

• 

  dave2swords · Member · Apr 25, 2017 at 6:25 am

  • Copy link

  Hi
  strasetsglobal.com is not hosted here at WordPress.Com. The forums here are intended to provide assistance to issues with sites hosted here.

  You will get an answer better better suited to your situation at:
  https://wordpress.org/support/ They have the expertise to help you with your WordPress software at a separate host.

  Sites not hosted here are known as self-hosted or sometimes WordPress.Org sites
  https://en.support.wordpress.com/com-vs-org/ explains many of the differences between self-hosted and sites hosted at WordPress.Com
  https://codex.wordpress.org/WordPress_vs_WordPress.com is a more who is who explanation.

  Good luck
  dave

• 

  faunageo · Member · Apr 25, 2017 at 7:34 am

  • Copy link

  Check again!
  Im a premium customer of WP.com
  Good luck

• 

  dave2swords · Member · Apr 25, 2017 at 9:12 am

  • Copy link

  My apologies
  I pasted a different domain into the whois when i looked to see where you were hosted.

  My CSS is not yet at the point where i would jump in and assist you with this. I have added a couple tags to this thread to get the right people looking.

  Again, apologies
  dave

• 

  thesacredpath · Member · Apr 26, 2017 at 5:19 pm

  • Copy link

  Hi Ralph, I see you have used Widget Visibility to hide the widgets on the single post pages. We can do this with the following CSS, I’ve used a 900px max width to keep readability acceptable. whereas the grey area was around 800px max width. If line length gets too long on blocks of text, it becomes harder to read. this would be the CSS to set the max width at 900px.

  .single .content-area {
  	margin-left: 0;
  	max-width: 900px;
  	width: 100%;
  }

  See what you think with the above and let me know.

• 

  faunageo · Member · Apr 28, 2017 at 6:33 am

  • Copy link

  @thesacredpath
  Thank you. Yes, the theme developer advised to use Widget Visibility options

  I have found your explanation excellent. Should I restore Widget Visibility to default and then apply the CSS code?
  Many thanks
  R

• 

  thesacredpath · Member · Apr 28, 2017 at 10:30 pm

  • Copy link

  Ralph, keep the widget visibility as you have it and add the CSS.

• 

  faunageo · Member · Apr 30, 2017 at 12:38 pm

  • Copy link

  Thank you!

  I did it. The width of the post is great. It just now aligns to the left. It’s not centered. Pls have a look here

  https://strasetsglobal.com/2017/04/28/test-post/

  Many thanks
  Ralph

• 

  thesacredpath · Member · Apr 30, 2017 at 7:49 pm

  • Copy link

  Ah, change that rule to the following.

  .single .content-area {
  	margin-left: auto;
  	margin-right: auto;
  	max-width:900px;
  	width:100%;
  	float: none;
  }

• 

  faunageo · Member · May 1, 2017 at 11:26 pm

  • Copy link

  Perfect!!!

  Thank you!!!

• 

  thesacredpath · Member · May 3, 2017 at 2:41 am

  • Copy link

  You are welcome.