How to modify sidebar width in Platform?

Where did you download this theme from?

From WordPress. It’s made by Pagelines, and is the free version of their pro theme.

Do not edit the theme itself. First create a child theme for your changes. Or install a custom CSS plugin.

OK, will do. But do you have any ideas about how to fix this?

We may be able to help once your child theme is active or you have activated a custom CSS plugin.

OK, installed Simple Custom CSS.

Try adding:

.scolumn-pad {
    padding: 2em 0;
}

Hm, didn’t work.

I’m seeing a clear, usable, 350px width in that right sidebar now.

I know, that’s why I’m so confused. I made the width 350px in my theme’s settings, but for some reason my 2×2 block of test ads is only showing up as one column. The admin of the ads plugin I’m using said it was because I only had 254px of sidebar width. So I thought I’d post here to see if I was doing something wrong. Maybe I’ll go back to the ads plugin admin…

Not sure exactly where the problem is stemming from.

Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. You’ll then be able to see exactly how much usable real-estate you have in any part of a generated page.

Figured it out: my theme is no longer supported. Thanks for looking into this for me!

esmi,

I took your advice and installed Firebug and located the problem! It is in this bit of code:

.b-1 {
    max-height: 254px;
    max-width: 254px;
    min-height: 125px;
    min-width: 125px;

When I change max-width: 254px to 300px, the block of ads fits perfectly. Now I’m not sure how to make that change permanent on my site. I’ve done some googling but I’m confused about what to do, because I can’t find that piece of code in my style.css. I’m sure this is an easy fix but I need a little guidance. Can you be my guide? Thanks for your patience.

If you install a custom CSS plugin, you should be able to add your modified CSS to the plugin. Beats rummaging around in the theme’s files.

OK, so upon further inspection, I figured out that this piece of code should fix everything:

element.style {
    width: 300px;
}

But when I paste it into my custom CSS plugin, it doesn’t do anything. Thing is, replacing the problematic code in style.css doesn’t fix it either. It continues to work in Firebug though. Not sure what I’m missing?