Need help? Check out our Support site, then


Oxygen Theme, help with Sidebars

  1. 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 snapsandstories.com.

  2. 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;
    }
  3. @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

  4. You are welcome Richard.

  5. 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

  6. 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.

  7. 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

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

Topic Closed

This topic has been closed to new replies.

About this Topic