Minimise site padding & enlarging the Body text

  • Resolved collectivelyme

    (@collectivelyme)


    7 years, 6 months ago

    Hi,

    I’ve been trying all afternoon to fix this & have been through the forum & tried a whole heap of options that sounded similar to what I want. None of these worked.

    What I want to do is increase the width of the sites body by minimising the padding either side of it.

    I don’t want it to adjust depending on the size of the screen it’s being displayed on because that makes my side bar all different widths & I want it to be a consistent width on all screens. I don’t want a code like this:
    @media (min-width:991px) {
    .container {
    width: 80%;
    }

    I was hoping there was some sort of code I could use that would change the padding size so I could enlarge the body col-md-8px to col-md-10px or similar while still keeping the sidebar at col-md-4px.

    Currently if I try to change the body width, the sidebar is pushed out & moves under the body text.

    Hopefully that makes sense.

    Thanks

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi there,
    I am afraid this is not possible! The grid is based in Bootstrap’s grid model (https://getbootstrap.com/docs/3.3/css/#grid). This means you can have maximum of 12 columns (and you need 14). This is quite technical and the only possible solution is the one you have mentioned while changing 80% to a different value and keeping the sidebar static 

    @media (min-width: 991px) {
    .container {
        max-width: 80%;
        width: 80%;
    }
    .col-md-4 {
        max-width: 300px;
    }
    .col-md-8 {
        width: calc(100% - 300px);
    }
}

    It would be great if you could visualize what you really need and send me a screenshot just in case I did not understand what you actually need.

    • This reply was modified 7 years, 6 months ago by Fotis.
    Thread Starter collectivelyme

    (@collectivelyme)

    Hi Fotis,

    Thanks for your reply. I thought that maybe it couldn’t be changed seen I wasn’t able to find anything relating to it.

    It sounds like you know what I’m talking about. Thank you for your help.

    Glad to hear everything worked fine.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Minimise site padding & enlarging the Body text’ is closed to new replies.