Support » Theme: GeneratePress » margin and padding around the sidebar ( left and right ) widget area.

  • Resolved magic_mike54

    (@magic_mike54)


    Hi Tom,

    I am trying to reduce the margin and padding around the sidebar ( left and right ) widget area. I am using one container left side and right side side bars. I have tried the following css modifications using the Edit CSS plugin.

    .inside-right-sidebar,
    .inside-left-sidebar {
    padding: 10px 0;
    }
    ==========
    .right-sidebar,
    .left-sidebar {
    margin: 10px;
    }

    I have used the same method to make other css changes to the template with no problem so I can only assume I am trying to change the wrong code. I want to adjust the width of the side bar itself and have the widget(s) within the sidebars with a pad or margin which ever is applicable around 2 to 3 px all the way around the widget.

    Can you help?

    Thanks,

    Mike

Viewing 15 replies - 1 through 15 (of 16 total)
  • Steve

    (@seekerabroad)

    Hi Mike,

    Can you post a link so we can have a look?

    Thread Starter magic_mike54

    (@magic_mike54)

    Unfortunately site is not live and is on my internal server.
    I can send a screen shot if that helps?

    If not here via email.

    Thanks,
    Mike

    Thread Starter magic_mike54

    (@magic_mike54)

    I have responded to your email with a screen shot.

    Thanks,
    Mike

    Steve

    (@seekerabroad)

    Not easily Mike,

    Valid solution could quite easily be overridden by something else and you could be needlessly going round in circles.

    With your site online it could be inspected in the browser, and then a more reliable solution can be easily found.

    regards,

    Steve

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    @steve and @magic_mike54, Please do not use these forums to solicit private support. These are public forums, if you cannot share information publicly then you should not be using these forums to begin with.

    Please continue support here, or not at all.

    Thread Starter magic_mike54

    (@magic_mike54)

    Hey Andrew,

    Dude, Lighten up.

    It’s not that that I am not willing to share the info.

    I am developing my site internally and learning wordpress at the same time
    before I launch live.

    If that is OK?

    Can you / are you willing to help or not?

    Mike

    Steve

    (@seekerabroad)

    Mike,

    If you can get your site online it will much easier to help you.

    Andrew quite understandably misinterpreted your response and was not trying to be difficult.

    Regards,

    Steve

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Not providing a link to your site is barrier you impose when asking for support, as Steve has pointed out, and that is fine.

    My post is regarding:

    If not here via email.

    And then

    I have responded to your email with a screen shot.

    By the way you can link to screenshots here.

    Steve

    (@seekerabroad)

    Andrew,

    I assure you that the email Mike is referring to is the wordpress.org notification to my follow up. A simple misunderstanding.

    Thread Starter magic_mike54

    (@magic_mike54)

    Hi Steve,

    Copy that on your response and clearly understand your point

    Thanks for the feedback.

    Not sure I am at that stage yet.

    I am still learning WordPress.

    But I appreciate the friendly response and desire to help.

    Best,

    Mike

    Theme Author Tom

    (@edge22)

    Hi Mike,

    The margins around the sidebar (in the separate container layout) are controlled by padding on the .site-main class.

    Something like this should work for you:

    .right-sidebar.separate-containers .site-main {
        padding: 30px 30px 30px 0;
    }

    Our addon “Generate Spacing” allows you to tweak this super easily.

    Making it so the sidebar is wider is a little more complicated, and is a feature I’m working on as an addon.

    If you’re familiar with PHP and filters, I can provide some code for you.

    Let me know 🙂
    Tom

    Theme Author Tom

    (@edge22)

    Hi Mike,

    Looking at your previous support thread I notice you have purchased all of the addons.

    In that case I would definitely use the “Element Spacing” section of the Customizer to reduce the amount of space around the sidebar – it’s the “Separator” option.

    As for increasing the width of the sidebar, that will still need some custom PHP/filters.

    Let me know,
    Tom

    Thread Starter magic_mike54

    (@magic_mike54)

    Hi Tom,
    Great, the Separator option worked thanks a bunch.

    Regarding the width of the sidebars I am looking to make them narrower from 258px to 200px.

    I have some php experiance so if you can point me in the right direction as to what needs to change I can give it a try.

    You help is greatly appreciated.

    Thanks,

    Mike

    Theme Author Tom

    (@edge22)

    Hi Mike,

    The sidebars and content areas use percentages.

    By default, the sidebars are 25%, while the content is the remaining 75%.

    Looking at it – it may be a bit too complicated as of right now to change those up as there’s a lot of “pushing” and “pulling” going on to make the layout SEO friendly.

    I’ve put it on my list to create a function that allows the user to change these values (25 and 75), which will in turn change them everywhere they need changing.

    Perhaps for now you can reduce the width of the container to achieve your desired 200px?

    Let me know 🙂
    Tom

    Thread Starter magic_mike54

    (@magic_mike54)

    Hi Tom,

    Got it. Yeah I can make it work until you have an add-on to address it differently.

    Thanks again for your help.

    Mike

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘margin and padding around the sidebar ( left and right ) widget area.’ is closed to new replies.