Tightening row of images on right sidebar / OXYGEN THEME

  • Unknown's avatar

    Hi again,

    I’ve been helped here before for a similar issue — I needed help tightening the vertical row of images on my LEFT sidebar, and I was given a bit of CSS that did the trick.

    Still have that CSS, just don’t know which words to switcheroo in order to make the vertical row of images on the RIGHT side tighten up.

    Specifically: “Shop”, “t-shirts”, the Twitter feed: all of that.

    Thanks!

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

  • Unknown's avatar

    Hi there, I see you have used the following to tighten widget spacing on Oxygen. Nice job!

    #secondary .widget {
        margin-bottom: -15px;
    }
  • Unknown's avatar

    Sorry for any confusion!

    That bit of CSS — the “#secondary . widget” stuff — only affects the LEFT side of the page (all the images listed under “features”.)

    I need something that will work on the RIGHT side of the page — all the images under the search bar. I hope that makes sense!

    Thanks again — everyone here is always so helpful!

  • Unknown's avatar

    Ah, sorry. Let’s do this a bit differently and without using a negative margin, which can in some instances cause issues. There is bottom margin on the widgets themselves, and there is also bottom margin on the images within the image widgets. First off, remove this from your CSS

    #secondary .widget {
        margin-bottom: -15px;
    }

    and then add this instead.

    #tertiary .widget, #secondary .widget {
        margin-bottom: 5px;
    }
    #tertiary .widget_image img, #secondary .widget_image img {
        margin-bottom: 5px;
    }

    See what you thing with this.

  • Unknown's avatar

    You’re a genius! Worked perfectly!

    Thanks again, really appreciate it!

  • Unknown's avatar

    Hooray, and you are welcome.

  • The topic ‘Tightening row of images on right sidebar / OXYGEN THEME’ is closed to new replies.