Jump to content

Archived

This topic is now archived and is closed to further replies.

globalnative

How do I decrease space between sections?

Recommended Posts

globalnative

Hi pagelines folks

 

I can't work out how to decrease the empty space which automatically exists between pagelines sections.

 

How could I do this please?

 

I have attached a screenshot of what I'm talking about and you can see it live on my website http:///natemaingard.com. I want everything in the header to sit closer together but there is a big gap between the menu and the header title and tagline.

 

Thanks in advance for your assistance.

 

Warm regards

Nate[attachment=1896:Screenshot 2014-01-13 12.04.37.png]

Share this post


Link to post
Share on other sites
Danny

Hi,

 

All sections contain some kind of margin/padding so that they don't look naf. However, if you want to reduce this space, you will need to override the default CSS.

 

For example:

 

#mastheaduwa8m6 .jumbotron.masthead {
margin-bottom: 0;
}
 
I recommend you use Google Chromes web dev tools, as this highlights padding (green) and margin (orange) so you can easily distinguish between the two.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
globalnative

Thanks man!

 

Where would I enter in the CSS? And how do I find chrome web dev tools?

 

I'm a musicians trying to be a DIY web builder, hah:)

Share this post


Link to post
Share on other sites
James B

Hi Nate

 

All your custom css can be entered into the css/LESS panel in your DMS control panel - http://screencast.com/t/L9OvQQseDzj

 

Chrome Dev tools are built into the browser, you can right click on the element you want to look into on the page and in the drop down list you'll see an option to 'inspect element', this will open the inspector. There you can scroll through the css and html to target the item you're looking for.

 

More information can be found on

 

http://docs.pagelines.com/customize/how-to-customize (which has links to the relevant resources)

 

and

 

https://developers.google.com/chrome-developer-tools/


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

×