Jump to content


Photo
- - - - -

Reduce horizontal spacing between sections


  • Please log in to reply
4 replies to this topic

#1 jennalyn11

jennalyn11

    Advanced Member

  • Members

  • 84 posts
  • Country: Country Flag

Posted 21 February 2013 - 09:46 PM

Just wondering how to reduce horizontal spacing between the various sections

Please Login or Register to see this Hidden Content

 

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.



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 21 February 2013 - 10:09 PM

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

Please Login or Register to see this Hidden Content

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.



#3 jennalyn11

jennalyn11

    Advanced Member

  • Members

  • 84 posts
  • Country: Country Flag

Posted 21 February 2013 - 10:19 PM

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?



#4 jennalyn11

jennalyn11

    Advanced Member

  • Members

  • 84 posts
  • Country: Country Flag

Posted 21 February 2013 - 10:28 PM

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.



#5 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 21 February 2013 - 11:35 PM

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.

 

Please Login or Register to see this Hidden Content

 

For an overview on css inside the framework check out

Please Login or Register to see this Hidden Content