Return to previous page

Can't remove margins (row/column settings) between blocks

This topic has 20 replies, 4 voices, and was last updated 9 years, 6 months ago ago by Eva Kemp

prank

Participant

April 28, 2015 at 03:25

Hello,

I am using your wonderful Woopress theme but have become stuck with a block spacing issue.

Could you please help me to remove the empty white space between blocks on my homepage? It doesn’t appear to be related to margins within Visual Composer but I could be totally wrong…

Login details below.

Many thanks,
Evan

Please, contact administrator
for this information.

#60133 Copied Theme version: 1.1 WooCommerce version: 2.3.5

19 Answers
Robert Hall

Support staff

April 28, 2015 at 07:37
Hello,

Please add this code in custom.css file.
```
.home .wpb_row{
margin-bottom: 0px;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#60142 Copied
prank

Participant

April 28, 2015 at 09:25

Ok great, thanks! I’ll give this a shot 🙂

#60190 Copied

Robert Hall

Support staff

April 28, 2015 at 09:47

Hello,

You’re welcome!

Regards,
Robert Hall.

#60198 Copied

prank

Participant

April 28, 2015 at 23:46

Hi Robert,

Thanks for your help! It fixed the space between boxes in the middle of the page but not below the Revolution Slider or just above the footer. How do I close these gaps also?

Thanks,
Evan

#60408 Copied
Eva Kemp

Support staff

April 29, 2015 at 12:43
Hello,

Please add this code in custom.css file:
```
.responsive-sidebar-bottom, .page-heading-slider .wpb_revslider_element {
 margin-bottom: 0px !important;
}
```
Thank you.
Regards,
Eva Kemp.
#60506 Copied
Brian Johnson

Member

April 29, 2015 at 12:45

Hello

You may try another solution. VC uses predefined value for margins when they are not specidied. It is 35px. Please set margin values manually to “0” for each row/column element.

With best regards
Briam Johnson

#60508 Copied

prank

Participant

April 30, 2015 at 10:47

Hi Guys, thanks for your help.

Eva, that snippet of code fixed everything perfectly.

Much appreciated,
Evan

#60779 Copied

Robert Hall

Support staff

April 30, 2015 at 10:50

Hello,

You’re welcome!

Regards,
Robert Hall.

#60781 Copied

prank

Participant

May 1, 2015 at 09:39

Hi there,

It seems that there’s a new issue (possibly since adding this snippet of code and fixing the section gap issue?).

On the homepage, one of the “How It Works” icon boxes has shifted up. You can see that it’s out of line with the other two. Nothing else has changed in the code so I’m not sure why this would be.

Also, now the slider images are not all displaying properly. Inside Revolution Slider I am using “prank_slider_orig”. The first slide (of the man) is working perfectly. However, the second slide featuring the girl with glasses is locked to the background (i.e. the image itself doesn’t resize responsively when the browser window is resized as the text does). This means on larger screens the side is cut off when extended out fully. Do you know why this particular image is not responsive (even though the settings are duplicated from the other slide)?

Many thanks once again for your help.

Evan

#60983 Copied

Eva Kemp

Support staff

May 4, 2015 at 11:50

Hello,

Please provide us with wp-admin panel credentials.

Thank you.
Regards,
Eva Kemp.

#61286 Copied

prank

Participant

May 4, 2015 at 23:39

Hi Eva,

Please find login details below in Private Content area.

I have rebuilt the “How it Works” section from the ground up and it is now working fine.

The only problem now is the Revolution Slider image background being unresponsive (second slide).

Many thanks,
Evan

Please, contact administrator
for this information.

#61533 Copied
Eva Kemp

Support staff

May 5, 2015 at 09:11
Hello,

I’ve added this code in custom.css file:
```
.rev_slider img {
    max-width: 100% !important;
}
```
Please clear browser cache and check slider now.

Regards,
Eva Kemp.
#61605 Copied
prank

Participant

May 6, 2015 at 05:12

Hi Eva,

Thanks once again. Works perfectly now 🙂

Best regards,
Evan

#61901 Copied

prank

Participant

May 6, 2015 at 06:05

Hi Eva, it’s back…

Even with that code snippet, I added another slide and now both the new slides don’t responsively fill the slider area when the browser is resized (the first slide still works perfectly even though all images are same size).

Thanks again.
Evan

Please, contact administrator
for this information.

#61902 Copied

Eva Kemp

Support staff

May 6, 2015 at 08:50

Hello,

I’ve checked slider and the slides are shown fine.
Please check your site on mobile devices and not resizing browser window.
If you resize it you need reload a page.

Regards,
Eva Kemp.

#61957 Copied

prank

Participant

May 6, 2015 at 09:34

Hi Eva,

Thanks for checking.

It’s all good on mobile devices and smaller windows, but when I expand the browser window beyond 1920 pixels the first slide is fine, but the second and third slider images just stop expanding – leaving a grey space between the image and the edge of the browser window. Even after clearing cache and reloading page these images are not fully expanding.

The first slider image expands to 2500 pixels and beyond (guessing it would stretch even larger to any monitor size).

Thanks for any help you can provide!

All the best,
Evan

Please, contact administrator
for this information.

#61986 Copied

Brian Johnson

Member

May 6, 2015 at 09:53

Hello

You may add following code into the custom.css:
.rev_slider img{width:100%!important)
It will stretch all images to their 100% width as for the first slide.

Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

With best regards
Brian Johnson

#61989 Copied

prank

Participant

May 11, 2015 at 05:06

Hi Brian,

Thanks for your help once again. This works well!

All the best,
Evan

#63005 Copied

Eva Kemp

Support staff

May 11, 2015 at 09:58

Hello,

You’re welcome.

Regards,
Eva Kemp.

#63049 Copied
Viewing 20 results - 1 through 20 (of 20 total)

The issue related to '‘Can't remove margins (row/column settings) between blocks’' has been successfully resolved, and the topic is now closed for further responses

Can't remove margins (row/column settings) between blocks

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection