Reduce the Gap between two rows

Posted in: Newspaper
Post count: 76

Hi
Can you please tell how to reduce the white space between the two rows as shown here on http://www.womensgolf.com?
an image showing a large gap between two rows

Here is the code for the page

[vc_row full_width="stretch_row_content td-stretch-content"][vc_column tdc_css="eyJhbGwiOnsibWFyZ2luLXRvcCI6Ii00OCIsIm1hcmdpbi1ib3R0b20iOiIwIiwiYm9yZGVyLXRvcC13aWR0aCI6IjAiLCJib3JkZXItYm90dG9tLXdpZHRoIjoiMCIsInBhZGRpbmctdG9wIjoiMCIsInBhZGRpbmctYm90dG9tIjoiMCJ9fQ=="][td_block_big_grid_fl_3][/vc_column][/vc_row][vc_row full_width="stretch_row_content td-stretch-content" tdc_css="eyJhbGwiOnsibWFyZ2luLXRvcCI6Ii00MCJ9fQ=="][vc_column][td_block_big_grid_fl_3 post_ids=”11893,11767, 12459″][/vc_column][/vc_row][vc_row full_width="stretch_row_content td-stretch-content"][vc_column tdc_css="eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjAiLCJib3JkZXItYm90dG9tLXdpZHRoIjoiMCIsInBhZGRpbmctYm90dG9tIjoiMCJ9fQ=="][td_block_big_grid_fl_4 tdc_css=”eyJhbGwiOnsibWFyZ2luLXRvcCI6Ii00MCJ9fQ==”][/vc_column][/vc_row]

Thank you
Richard
http://www.womensgolf.com

Post count: 23312

Hello rfiling,

If you want to decrease this padding-bottom you should use a bit of CSS code and place it in Theme panel->Custom CSS area.

The code is ->

.td-main-content-wrap {
padding-bottom: 20px;
}

This rule will be applied for the entire website. So, if you want only for your homepage, you should use the .home class, like this ->

.home .td-main-content-wrap {
padding-bottom: 20px;
}

Thanks for the message!

Post count: 76

Thank you Catalin – will put that code in. Thank you for your service – excellent as always.
Richard

Post count: 76

Hi Catalin

I have included the CSS but the gap remains – are there any other possibilities I could check for. Here is the Custom CSS I implemented for the http://www.womensgolf.com front page.

.dtherpt {display:none !important}
.entry-crumbs a {
color:black;
font-size: 12px;
}
.entry-crumbs {
color:black;
font-size: 12px;
}
.td-footer-wrapper div .td_block_template_4 .td-block-title > *{
background-color: #b50f0f;
}
.td-footer-wrapper div .td_block_template_4 .td-block-title > *:before{
border-color: #b50f0f transparent transparent transparent;
}
.home .td-main-content-wrap {
padding-bottom: 20px;
}

Thank you

Richard

Post count: 23312

Hello rfiling,

I am glad that you could manage your problem.

Thanks.

Post count: 76

Hi Catalin

My apologies, I may not have been very clear in my last update. I put your suggested CSS code in but it didn’t reduce the gap between the bottom of the content and the footer on womensgolf.com. The CSS I put into Custom CSS was
.home .td-main-content-wrap {
padding-bottom: 20px;
}

Because it didn’t work can you suggest any other potential solutions or errors I may have made.

Thank you
Richard

Post count: 23312

Hello rfiling,

The code is correct but you should use the 0 value to reduce the margin. Try the code below ->

.home .td-main-content-wrap {
padding-bottom: 0!important;
}

Hope this helps!

Thanks.

Viewing 7 posts - 1 through 7 (of 7 total)
The forum ‘Newspaper’ is closed to new topics and replies.