Remove blank gap between parallax boxes

Question

I have a problem on my website weeral.it

There are a blank gap between the two parallax section and between parallax section and the footer.

Is there a way to resolve this problem? Many thanks!

You can use `.block.block-parallax_block { margin-bottom: 0; }` to deal with the space in between the two sections but the visual effect is not great because the background images don't blend well. Is this what you want? — I haz kode, Jun 28 '17 at 08:55
Yes, I want this effect. I try and it works, but there is a last blank gap in the footer. — Sebastiano G., Jun 28 '17 at 08:58

score 0 · Accepted Answer · answered Jun 28 '17 at 09:08

0

some find and replace work need into your main.css

find

body .normal-page, body .portfolio, body .blog {
  padding-bottom: 30px;
  padding-top: 30px;
  position: relative;
  z-index: 100000;
}

replace

body .normal-page, body .portfolio, body .blog {
  padding-top: 30px;
  position: relative;
  z-index: 100000;
}

need to remove this padding-bottom: 30px; Then into your HTML remove the

tag http://prntscr.com/fp31er

and it will look like something like this

answered Jun 28 '17 at 09:08

R.K.Bhardwaj

2,168
1
14
24

Not work, I try to delete the "p" but the blank gap on the footer remains. – Sebastiano G. Jun 28 '17 at 09:39
after remove p tag did you check again it is showing there again or not ? – R.K.Bhardwaj Jun 28 '17 at 09:47
I can't find the p tag because it is not a simple html file but a wordpress template. – Sebastiano G. Jun 28 '17 at 09:48
I have double check you did not remove yet padding-bottom: 30px; from your main.css , first remove this and I am thinking about p tag OK – R.K.Bhardwaj Jun 28 '17 at 09:50
to remove p tag use this css .span12 > p { display: none; } into your main.css – R.K.Bhardwaj Jun 28 '17 at 09:52
I remove padding bottom. Now? What can I do? – Sebastiano G. Jun 28 '17 at 09:55
good now .span12 > p { display: none; } add this css into your main.css file – R.K.Bhardwaj Jun 28 '17 at 09:56

score 0 · Answer 2 · answered Jun 28 '17 at 09:11

0

The blank space just above the footer is being shown as a part of the <div class="main-wrapper"> in the developer tools of the browser. Try including this

margin: 0;
padding-bottom: 0;

to the wrapper <div> and the last <div> in the wrapper <div>

answered Jun 28 '17 at 09:11

Chirag Bhansali

1,900
1
15
22

score 0 · Answer 3 · edited Jun 28 '17 at 09:54

0

There is extra padding at bottom and extra P tag after template-wrapper-22 ID tag.

main.css line number 120

body .normal-page, body .portfolio, body .blog {
    z-index: 100000;
    position: relative;
    padding-top: 30px;
    /* padding-bottom: 30px; */ 
}

edited Jun 28 '17 at 09:54

Paolo Forgia

6,572
8
46
58

answered Jun 28 '17 at 09:17

Hemal Monani

82
8

Not work, I try to delete the "p" but the blank gap on the footer remains. – Sebastiano G. Jun 28 '17 at 09:39

Remove blank gap between parallax boxes

3 Answers3