WordPress.org

Forums

Platform
[resolved] How to modify sidebar width in Platform? (16 posts)

  1. hillfrank
    Member
    Posted 1 year ago #

    Hello,

    I am trying to figure out how to widen my right sidebar in Platform 1.4.3 so that I can place some ads there. I have tried changing the width in the settings tab (now set to 350px), and while that changes the width of the sidebar's appearance, the content I am trying to upload will still not fit. I need an allotment of at least 258 px, so according to my settings tab, I should have enough space. I'm wondering if there's a default alloted space that I need to manually change in css? Here's a link to the site:

    http://longestshortesttime.com

    Ideas? I'm a novice with this stuff, so please be clear in your instructions.

    Thanks!

    hf

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    Where did you download this theme from?

  3. hillfrank
    Member
    Posted 1 year ago #

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

  4. esmi
    Forum Moderator
    Posted 1 year ago #

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

  5. hillfrank
    Member
    Posted 1 year ago #

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

  6. esmi
    Forum Moderator
    Posted 1 year ago #

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

  7. hillfrank
    Member
    Posted 1 year ago #

    OK, installed Simple Custom CSS.

  8. esmi
    Forum Moderator
    Posted 1 year ago #

    Try adding:

    .scolumn-pad {
        padding: 2em 0;
    }
  9. hillfrank
    Member
    Posted 1 year ago #

    Hm, didn't work.

  10. esmi
    Forum Moderator
    Posted 1 year ago #

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

  11. hillfrank
    Member
    Posted 1 year ago #

    I know, that's why I'm so confused. I made the width 350px in my theme's settings, but for some reason my 2x2 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.

  12. esmi
    Forum Moderator
    Posted 1 year ago #

    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.

  13. hillfrank
    Member
    Posted 1 year ago #

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

  14. hillfrank
    Member
    Posted 1 year ago #

    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.

  15. esmi
    Forum Moderator
    Posted 1 year ago #

    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.

  16. hillfrank
    Member
    Posted 1 year ago #

    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?

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic