Support » Theme: Pinboard » Too much padding/white space

Viewing 11 replies - 1 through 11 (of 11 total)
  • Moderator t-p


    Try using – for example – a tool like Firefox with the Firebug add-on for this kind of CSS work. . Help info on Firebug
    Also, check this plugin:

    Evan Herman


    You need to decrease the size of the image which should decrease the overall height of the page



    Font hero

    so all fits so no scroll down necessary

    This sounds as if you are trying to make a website fit exactly on your specific device, which is a wrong way to design a website.

    Scrolling up and down is default behavior of webpage, there is nothing wrong about it.



    paulwpxp, that’s not my intention. I was thinking if the padding is reduced in size, so will the amount of scrolling. I guess I phrased my point incorrectly.



    Use Chrome and download the Chrome extension DevTools. Then use the ‘inspect element’ option to examine the CSS of whatever you want to change. You can then add the changes to the Theme Options/Layout page and they will auto-magically appear last in the CSS stack and thus edit the code. This is basically a built-in way of making a child theme’s stylesheet.

    ZachMatthews – good call. Thank you.



    Incase you hadn’t figured it out yet.

    #site-title img {
    margin: 0;

    I placed that code in the CSS box on the layout page and it worked great. Except I want to greatly decrease the spacing but not eliminate it. I changed the 0 to 0.01 and got the same space as I had before adding this bit of CSS. Is it all or nothing or is there a way to decrease that space?

    We’d need to see your site to answer any CSS questions. Please also start your own thread.



    did you add px after the 0.01 or the % symbol. You have to tell it how to render the space or else it will look like an error and it will default back to what it was. You can use 0 by itself because there is only one way to render 0. Also you can enter up to 4 values in the order of top bottom right left. For example in the following the top margin is 25 px the right is 50px the bottom is 75px and the left is 100px. Change these quantities as needed.

    #site-title img {
    margin: 25px 50px 75px 100px;

    Thanks so much! That did the trick. I ended up with:

    #site-title img {
    margin: 5px 5px 5px -25px;

    That got me almost even spacing all around my banner image.

    Now if I can just get my other question answered, I’ll be good to go… 🙂

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Too much padding/white space’ is closed to new replies.