Blog Margins

• 

  valentinarosealessi · Member · Apr 29, 2015 at 4:41 pm

  • Copy link
  • Add topic to favorites

  Hello,
  I need some help with setting my blog margins.
  as you can see my oxygen theme website has pretty prominent sidebars, but I would like for the blog posts (once they are clicked on individually for the full read) to be spread on the whole age instead of a tiny column with all the distracting widgets nearby.

  I somehow messed around with blog post “Getting to the Osa” and for some reason that post shows without the widgets, but I can’t figure out what I did in HTML code text to do that.

  Any help would be appreciated.

  Thanks!

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

• 

  musicdoc1 · Member · Apr 29, 2015 at 11:02 pm

  • Copy link

  I suspect that you might have a stray div tag or other HTML error in that post. See the HTML Troubleshooting support page.

• 

  musicdoc1 · Member · Apr 29, 2015 at 11:11 pm

  • Copy link

  …I would like for the blog posts (once they are clicked on individually for the full read) to be spread on the whole age instead of a tiny column with all the distracting widgets nearby.

  According to the Quick Specs section of the Oxygen theme guide

  The main column width is 470 except in the full-width layout where it’s 940

  .
  So posts are 470 pixels wide, and static page are 470 or 940 depending upon the template chosen. Expanding the width of a post column would required CSS customization.

• 

  thesacredpath · Member · May 11, 2015 at 9:38 pm

  • Copy link

  Hi there, the following removes the sidebars and widens the content to full width. Given the width of the overall theme though, this makes the content wider than is typically suggested for reading of text. Generally 500px to 650px is considered a good width for reading. With it full width, the text is going to be 940px wide.

  .single #secondary, .single #tertiary {
      display: none;
  }
  .single #content {
      margin-left: 0;
      margin-right: 0;
  }

• 

  valentinarosealessi · Member · May 13, 2015 at 4:31 pm

  • Copy link

  Thank you “thesacredpath”

  I tried it, but don’t see a change?

  I am also dying to center my logo and have tried several codes but nothing seems to work.

  Any leads?

  Thanks!

• 

  valentinarosealessi · Member · May 13, 2015 at 4:32 pm

  • Copy link

  Ah actually it worked! THANK YOU SO MUCH!!

• 

  thesacredpath · Member · May 14, 2015 at 6:11 pm

  • Copy link

  Super, and you are welcome. :)

• 

  valentinarosealessi · Member · May 21, 2015 at 7:04 pm

  • Copy link

  I was wondering if you could help me out have similar margins as the blog to my Quotes Pages?
  Also do you have a code for centering my logo and top menu bar?

  Thanks so much! <3

• 

  kathrynwp · Staff · May 22, 2015 at 6:24 pm

  • Copy link

  For centering the menu:

  .main-navigation {
  text-align: center;
  width: 100%;
  }
  
  .main-navigation ul {
  display: inline-block;
  }

• 

  kathrynwp · Staff · May 22, 2015 at 6:43 pm

  • Copy link

  To center the logo:

  #masthead .site-logo {
      display: block;
      margin: 0 auto 20px;
  }

• 

  kathrynwp · Staff · May 22, 2015 at 6:51 pm

  • Copy link

  I was wondering if you could help me out have similar margins as the blog to my Quotes Pages?

  I’m not quite clear on what you want to do here. Could you provide links to example pages and explain exactly what margins you’re trying to change and how?

  Also, if you have new questions beyond the ones already in this thread, could you please start a new thread rather than continuing to add to this one? Thanks!

• 

  valentinarosealessi · Member · May 27, 2015 at 12:24 am

  • Copy link

  You are the best! Thank you so much. The first two codes totally worked. Ok sorry I will post on separate thread. I am sort of new to this so I didn’t know what was the protocol

• 

  kathrynwp · Staff · May 27, 2015 at 2:22 pm

  • Copy link

  Glad that did the trick, you’re very welcome!