Menu icon Foundation
Gap between rows, how can I reduce them

Sshot

Hi, I'm new to foundation but am trying to use V5 to put a new site together. In the attached picture there is a big gap between the two rows (not sure it's actually between the rows or if it's the contents of the rows)

But I can't see what I can do to reduce it. I've tried reducing margin on the rows, h1 etc etc but still can't seem to reduce the whitespace.

Any ideas please?

Thanks
Brett

rowspacing

Sshot

Hi, I'm new to foundation but am trying to use V5 to put a new site together. In the attached picture there is a big gap between the two rows (not sure it's actually between the rows or if it's the contents of the rows)

But I can't see what I can do to reduce it. I've tried reducing margin on the rows, h1 etc etc but still can't seem to reduce the whitespace.

Any ideas please?

Thanks
Brett


Sebastien Dufourcq gave the most helpful answer for this post
Sebastien Dufourcq about 6 years ago

Hello,

There's no real space between the two div, but :

  • the logo image is embedded in a with a margin-bottom: 20px;

  • there is an empty (also with a margin-bottom: 20px;) before the "Welcome" title

So, you can get rid of the paragraph tags.

Best regards

This post has been closed. No new replies can be added.

Rafi Benkual about 6 years ago

Can you reply with a link to the site? That will help to see what is happening.

Brett Hambridge about 6 years ago

It's currently on http://www.bretthambridge.co.uk/index1.php - thanks

Sebastien Dufourcq about 6 years ago

Hello,

There's no real space between the two div, but :

  • the logo image is embedded in a with a margin-bottom: 20px;

  • there is an empty (also with a margin-bottom: 20px;) before the "Welcome" title

So, you can get rid of the paragraph tags.

Best regards

Sebastien Dufourcq about 6 years ago

Oups, my "< p > < / p > " tags did'nt display in my post.