Removing Box Shadow (?) from FrontPage Footer

Support
#1

Hi, I would like to have grid layout aligned with the footer. But there always stays some space above the footer. It is pretty much the area where Box shadow appears if set to be outside. Is there a way to get rid of this extra belt right above the footer (and also bellow)? … using pro template, integrity https://arnathora.com/TESTPRO

Regards,
Petr

P.S. … and also there is on the very right edge past the picture in the last section and in paralax above the column that should not be there on ultra wide monitor, if I extend the window over two monitors, the gap becomes visible also on left. It is not the case for the section with essential grid and revolution slider though.

#2

Hi there,

Thanks for writing in.

Looks okay to me, would you mind providing some screenshots? I’m not sure about the space, but the grid and footer are both full-width, hence, they are aligned. If you’re referring to space above the footer, it’s not alignment, it’s space between the text and looks okay.

Thanks!

#3

Please see the blank areas between two rows of images and also before footer on this page.

https://arnathora.com/TESTPRO/company/

#4

Hi there,

Ah, those white space? Those are image’s margins and you can remove them by using utility classes.

  1. Inspect your image element in the builder
  2. Add mbn to your image element’s Class input field

That means margin-bottom-none.

Thanks!

#5

Perfect, thank you!

Is there a way to set the image so it behaves like the slider adaptive background, I mean it keeps its proportion but still fills the given space in full, perhaps some kind of cropping is done as a part of process. Those adaptive essential grid images on front page do it very well, but I would like to have some rich text as one of the tiles, so cannot do it with essential grids (or do not know how…).

#6

Hi again,

That might be possible with Flex layout, please see http://geniuscarrier.com/2-columns-layout-with-flexbox/ or http://www.sketchingwithcss.com/samplechapter/cheatsheet.html and apply the CSS accordingly.

Hope this helps!