Jump to content
Sign in to follow this  
jennalyn11

Reduce horizontal spacing between sections

Recommended Posts

jennalyn11

Just wondering how to reduce horizontal spacing between the various sections http://boarsheadsimmentals.co.uk/site/

 

I've tried a few things but seem to keep reducing the overall padding instead, it's just the gaps I want to reduce. Thanks in advance.

Share this post


Link to post
Share on other sites
Rob

Hi,

 

Looking at your site, I see lots of space between things, but is there some specific place where the padding or margins are too big, or that you wish to address?

 

Do you use Firebug for Firefox or Chrome's Inspection Tool?

 

I noticed this at the top of your page:

Warning: Invalid argument supplied for foreach() in /home3/b53772/public_html/site/wp-content/themes/pagelines/includes/less.plugin.php on line 435

 

That looks like there may be an error in some custom code or a plugin conflict.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
jennalyn11

I tried to edit the code with Firebug but it reduce the size of the entire padded area. I've just deleted the code I had put in if that's any good?

Share this post


Link to post
Share on other sites
jennalyn11

Sorry I want to reduce the space between the Feature Branding and Universal sidebar underneath it in the header area and then the content area.

Share this post


Link to post
Share on other sites
James B

Hi Jennalyn

 

When you're using firebug and you inspect the element, scroll through the html (window on the left) above and below the element you land on. When you see an area highlight with a darker blue border this indicates padding, if it highlights yellow, this indicates margins.

 

When you see a blue border like the screen shot below, click on the name of the div where that appears and the look in the css column on the right. There you'll see the css commands for the padding/margin that you can adjust, then copy and paste back into pagelines.

 

http://screencast.com/t/PEdoYEiunB

 

For an overview on css inside the framework check out http://support.pagelines.me/docs/customization/custom-css/


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

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  

×