Oxygen Theme, help with Sidebars

• 

  richardachubb · Member · Dec 29, 2013 at 6:47 pm

  • Copy link
  • Add topic to favorites

  Hi,
  I have searched the forums and support extensively, but cannot find an answer to this question.

  My blog is http://www.snapsandstories.com.
  Theme is Oxygen

  I have the front / home page as I’d like it. However, I would like to have the same layout for the blog pages.

  With the custom CSS I have entered It has removed both sidebars for the blog posts, but ideally I would like to keep the Right sidebar.

  Can anyone help?

  Thanks in advance, and if this question has been answered, then a link to this answer would be appreciated, and I will offer an apology!!

  Many thanks
  Richard

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

• 

  thesacredpath · Member · Dec 29, 2013 at 9:47 pm

  • Copy link

  Hi Richard, to bring back the right sidebar on the single post pages, change this rule in your custom CSS

  .single #secondary, .single #tertiary {
      display: none;
  }

  into this

  .single #secondary {
      display: none;
  }

  And turn this

  .single #content {
      margin: 0;
  }

  into this

  .single #content {
      margin-right: 29.7872%;
      margin-left: 0;
  }

• 

  richardachubb · Member · Dec 29, 2013 at 10:34 pm

  • Copy link

  @thesacredpath
  Thank you. much appreciated.

  You may well see one of my questions again, but in the meantime, thanks for your clear and concise answer.

  Changes made. All good.

  Thanks again
  Richard

• 

  thesacredpath · Member · Dec 29, 2013 at 10:42 pm

  • Copy link

  You are welcome Richard.

• 

  richardachubb · Member · Dec 30, 2013 at 6:09 pm

  • Copy link

  I am sorry, I have another question (I think there may be a few!!) :)

  Is there any way of making the right sidebar on the home page a bit narrower, say the width of the Twitter box, so the posts on the left are a bit bigger.

  At the same time, if the Featured images on the post can be slightly deeper, (i.e. change the ratio of the image) then even better.

  Thanks again
  Richard

• 

  thesacredpath · Member · Jan 3, 2014 at 3:41 pm

  • Copy link

  On the sidebar, yes it can be narrower, but in making the posts on the main page wider, you end up with less quality on the images because the theme sets the size of the images based on the original widths. Give this a try and see what you think.

  @media screen and (min-width: 768px) {
  .page-template-showcase-php #tertiary {
      width: 25.3333%;
      float: right;
  }
  .page-template-showcase-php #content {
      margin-right: 30%;
  }
  .hfeed-more .hentry {
      width: 45%;
  }
  }
  
  @media screen and (max-width: 1000px) {
  .hfeed-more .hentry {
  width: 100%;
  }
  }

  The ratio of the featured images cannot be changed without distorting the images.

• 

  richardachubb · Member · Jan 6, 2014 at 7:06 pm

  • Copy link

  Many thanks, I have added this and the format of the page looks better, the images don’t seem too distorted.

  Will now concentrate on getting some decent content, before asking anymore tweaking questions!!

  Thanks again for your help

  Regards
  Richard

• 

  thesacredpath · Member · Jan 7, 2014 at 7:15 pm

  • Copy link

  Richard, you are welcome. Let us know if you have additional questions.