Jump to content
Sign in to follow this  
jennalyn11

Remove white space

Recommended Posts

jennalyn11+    2
jennalyn11

I want to remove white space between sections on  my site http://showbusiness.ie/bscs/ i.e features and content sidebar, content sidebar and morefoot.

 

 

I've tried a number of CSS options and nothing seems to be working.

Share this post


Link to post
Share on other sites
batman    389
batman

Hi jennalyn11

You can try with

 

.content-pad {margin-top: -20px; margin-bottom: -50px;}
 
You change #px as you like, it is only an example.
You have more information at

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

Although Batmans solution may work, using negative margins shouldn't really be used. 

 

 

I recommend using Firebug or your browsers built-in web dev tools and inspect the content-pad class for each of your sections. The Content pad controls the padding of each section, you may also want to inspect the h1 tags and section, as there is margins on there which can increase the space between sections.

 

For assistance visit our custom CSS documentation - http://support.pagelines.me/docs/customization/custom-css/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
jennalyn11+    2
jennalyn11

Still having trouble with this, tried quiet a number of options and nothing seems to work. It's the white space between the feature and the morefoot sidebar I want to reduce?

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Jennaiyn

 

When you're looking in firebug and inspecting the element scroll through the html div's on the left hand side of the bottom browser window. As you do you'll see the changes in preview window above, highlighting each area you're looking at. When you get to the correct area which has the unwanted padding you'll see a thick blue margin like in the screenshot below.

 

http://screencast.com/t/3uuTpfqMs

 

This means you are hovering over the div which contains the padding you want to remove, click on this and then scroll through the css window on the right hand side, you will be able to see the css with the padding/margins applied in there. You can edit this and then copy/paste back into the custom code box in the framework.

 

Like in the screenshot below

 

http://screencast.com/t/r7sXYh8J376D


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
jennalyn11+    2
jennalyn11

I don't want to edit the entire content padding, it's just horizontal spacing ...

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi Jennalynn,

 

I can see you're trying hard to fix this. The content pad is key here, as is the minimum height of the dynamic content. There's no guaranty this will work, but, you might try something like the code below as an experiment (though this is for demonstration purposes only):

#morefoot .content .content-pad {
    padding: 0 15px 15px;
}
#site #page, #site #dynamic-content {
    min-height: 200px;
}

 


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
jennalyn11+    2
jennalyn11

Thanks you that seems to have one the trick!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×