7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

Please Help

by coolspot2
6 replies
  • WEB DESIGN
    • |
can someone tell me please how to reduce the rather large space (1.5 inch approx) of white at the bottom of each body / page. i also want to reduce the grey gap underneath it. thanks

site: http://www.solarpowergeneration.org/
  • Profile picture of the author Ryan Butz
    Have you tried deleting " <br /><br /> " on line 137 of your source?
    {{ DiscussionBoard.errors[4724196].message }}
    • Profile picture of the author coolspot2
      of which file? im using the current wordpress. i cant see that in index or header.php

      i think its css related
      {{ DiscussionBoard.errors[4724211].message }}
    • Profile picture of the author m4life
      line 477 of style.css:
      #body_con_con .post, #body_con_con .page {
      margin: 0 0 80px;


      }

      right now it's at margin: 0 0 80px;

      change it to margin: 0 0 30px;

      hope this helps

      ps:good call Ryan, didn't even think of that
      {{ DiscussionBoard.errors[4724216].message }}
  • Profile picture of the author CoMpUtErGoD20XX
    Originally Posted by coolspot2 View Post

    can someone tell me please how to reduce the rather large space (1.5 inch approx) of white at the bottom of each body / page. i also want to reduce the grey gap underneath it. thanks

    site: Learn how to make your own solar panels and diy solar energy

    White Space: It appears you have a 20px padding around the main content. In your CSS code look for the "#body_wrap" or "#body_con_con" element and try to adjust the padding of 20px to a lower number such as 5 or 10px.

    Grey Gap: It appears you have a margin set of 60px on the top. In your CSS code look for "#site-info" and try adjusting the 60px to something smaller.

    I think that will take care of you. Let me know if this helps.
    {{ DiscussionBoard.errors[4724212].message }}
    • Profile picture of the author Ryan Butz
      Originally Posted by coolspot2 View Post

      of which file? im using the current wordpress
      Should be index.php in your editor. I used Chromes Inspect element and deleted those breaks and it moved up two lines. That plus what Computergod20xx said for your CSS will surely do the trick. Try editing your CSS first if you are more familiar

      Originally Posted by CoMpUtErGoD20XX View Post

      White Space: It appears you have a 20px padding around the main content. In your CSS code look for the "#body_wrap" or "#body_con_con" element and try to adjust the padding of 20px to a lower number such as 5 or 10px.

      Grey Gap: It appears you have a margin set of 60px on the top. In your CSS code look for "#site-info" and try adjusting the 60px to something smaller.

      I think that will take care of you. Let me know if this helps.
      Originally Posted by m4life View Post

      line 477 of style.css:
      #body_con_con .post, #body_con_con .page {
      margin: 0 0 80px;


      }

      right now it's at margin: 0 0 80px;

      change it to margin: 0 0 30px;

      hope this helps

      ps:good call Ryan, didn't even think of that
      Thanks, but I think editing the CSS will be enough. I don't know why that wasn't my first thought
      {{ DiscussionBoard.errors[4724237].message }}
    • Profile picture of the author coolspot2
      i did 2 methods - worked fine, thanks to both of you:

      firstly:

      Grey Gap: It appears you have a margin set of 60px on the top. In your CSS code look for "#site-info" and try adjusting the 60px to something smaller.

      secondly:

      white gap: line 477 of style.css:
      #body_con_con .post, #body_con_con .page {
      margin: 0 0 80px;


      }

      right now it's at margin: 0 0 80px;

      change it to margin: 0 0 30px;





      thanks
      {{ DiscussionBoard.errors[4724328].message }}

Trending Topics