WordPress.org

Ready to get started?Download WordPress

Forums

Pinboard
Too much padding/white space (12 posts)

  1. jacquelinegleason
    Member
    Posted 11 months ago #

    This is my site: http://66.147.242.83/~nunziosa

    How would I decrease the size of the padding on my home page so all fits so no scroll down necessary?

    I greatly appreciate your response.

  2. Tara
    Member
    Posted 11 months ago #

    Try using - for example - a tool like Firefox with the Firebug add-on for this kind of CSS work. http://getfirebug.com/ . Help info on Firebug https://getfirebug.com/faq/
    Also, check this plugin: http://wordpress.org/plugins/custom-css-manager-plugin/

  3. Evan Herman
    Member
    Posted 11 months ago #

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

  4. paulwpxp
    Font hero
    Posted 11 months ago #

    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.

  5. jacquelinegleason
    Member
    Posted 11 months ago #

    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.

  6. ZachMatthews
    Member
    Posted 11 months ago #

    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.

  7. jacquelinegleason
    Member
    Posted 11 months ago #

    ZachMatthews - good call. Thank you.

  8. paul.a.cunn
    Member
    Posted 11 months ago #

    Incase you hadn't figured it out yet.

    #site-title img {
    margin: 0;
    }
  9. pennywilliams
    Member
    Posted 10 months ago #

    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?

  10. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

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

  11. paul.a.cunn
    Member
    Posted 10 months ago #

    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;
    }
  12. pennywilliams
    Member
    Posted 10 months ago #

    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... :-)

Reply

You must log in to post.

About this Theme

About this Topic