Remove the space between Header and Single Image Element

Posted in: Newspaper
Post count: 8

HI.
I need to know how to reduce or eliminate the space between Header and Single Image Element
see this example
https://snag.gy/Bfn2Qb.jpg
Thanks!

Post count: 20688

Hi,

You could set a negative margin for the row containing the grid and the row containing the block below – http://prntscr.com/notwqp – http://prntscr.com/notwyp Use a value of 48px because these are the default margins between rows.

Or I could give you a code for it, to remove the padding and margin as you want
– http://prntscr.com/nou14i
The code can be entered in the theme panel, custom CSS section

.home .td_block_wrap.td_block_big_grid_fl_1 {
margin-bottom: 0;
}
.home.td-health .td-main-page-wrap {
padding-top: 0;
}

I could modify the code if needed.

Thanks

Post count: 8

Thanks! Work Great!

Post count: 8

Now, i need to remove this space, between the top of page and Header

https://snag.gy/TSO13Z.jpg

thanks

Post count: 20688

That would be the default page padding top, it’s usually bigger but the demo you have installed reduces it. To remove it completely try something like this, should work
– http://prntscr.com/nveni0

.td-health .td-main-page-wrap {
padding-top: 0;
}

Post count: 8

Thanks!
But I was referring to the space between the edge of the page and the header

https://snag.gy/U5gudh.jpg

Thanks for your time

Post count: 20688

Seems I missed that, it can be done as well. That is a margin added by the health demo. This code will remove it – http://prntscr.com/nvs520

.td-health .td-header-style-6 .td-header-top-menu-full {
margin-bottom: 0;
}

Let me know if you have more questions.

Post count: 8

thanks work great!!!!!

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