Padding question

  • chgpublishing

    (@chgpublishing)


    8 years ago

    Is there any easy way of reducing the top and bottom padding throughout the theme as a whole? My sites are looking a bit daft with so much gap between the top of the window (or the bottom of the menu)……..?

    I presume the setting is somewhere in the main CSS file, but I cannot find it!

    Thanks.

    PS: The “boxed” setting appears to be playing up in the current version and is not working every time….

Viewing 8 replies - 1 through 8 (of 8 total)
  • Theme Author satoristudio

    (@satoristudio)

    Hey @chgpublishing,

    thank you for choosing Bento! Could you please provide a link to the website, in case it’s available live – seeing the actual code will enable me to provide a more precise recommendation. Thanks!

    Sincerely,
    Andrii / Satori Studio

    Thread Starter chgpublishing

    (@chgpublishing)

    Hi Andrii,

    The site in question is: chgpublishing.com/boystuffmagazine

    Thanks,
    CHG.

    ianpjames

    (@ianpjames)

    I have the same question. I cannot find where I would change the padding between my different website sections. There way too much padding between certain sections right now. My site is not published, I’m working on it using Desktop Server at the moment, and I won’t publish it while it looks like this.
    Thanks, Ian

    Theme Author satoristudio

    (@satoristudio)

    Hey @chgpublishing, your website displays like this on my machine, in Chrome. I don’t seem to be able to spot any extra padding – could you please give some additional guidance or provide a screenshot of how it looks on your side, if differently? Thanks!

    @ianpjames, could you please also provide the URL of the website and a screenshot of the page as viewed from your machine – this way I will be able to provide a specific, actionable recommendation. Thanks for your patience!

    Sincerely,
    Andrii / Satori Studio

    Thread Starter chgpublishing

    (@chgpublishing)

    Hi Andrii,

    Your screenshot is the same as what I am getting, but I think the gap between the top of the window and the logo (in the menu) and the text in the main part is way too big…….?? That’s what I would like to be able to reduce somewhat, so that when I place one-line extra links on the first line of my page, they come closer to the top of the window…..like on most sites??

    Thanks,
    CHG

    Theme Author satoristudio

    (@satoristudio)

    Hey @chgpublishing,

    this is how the theme has been envisaged, according to design best practices; if you really need to change the top padding, you can use some custom code (in the “Additional CSS” tab of the Customizer), e.g.:

    .@media screen and (min-width: 48em) { 
.padding-top { 30px !important; }
.header-side .site-header { 10px !important; }
}

    Sincerely,
    Andrii / Satori Studio

    Thread Starter chgpublishing

    (@chgpublishing)

    Tried this but no change?? Perhaps I am entering it wrong? I copied and pasted the CSS you quoted but it made no change at all??

    Theme Author satoristudio

    (@satoristudio)

    Hey CHG,

    my apologies! An unnecessary point-mark. Please replace the above code with this one:

    @media screen and (min-width: 48em) { 
.padding-top { 30px !important; }
.header-side .site-header { 10px !important; }
}

    Best,
    Andrii / Satori Studio

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Padding question’ is closed to new replies.

Tags