Archived topic

delete gray band at the bottom of each page hero

5 replies · Started by Mark on October 28, 2020

Viewing posts 1–6 of 6

October 28, 2020 at 11:54 am #1508382

I have an Aspire based website at http://staging1.hardyness.com.

I have applied page heroes to the inner pages, using the featured image on each page. It seems like there is a light gray band at the bottom of each page hero image. Can I eliminate this? Is is there because the page hero image is not larger enough?

Thanks,

Mark

October 28, 2020 at 11:59 am #1508390

Hi there,

The page you linked requires a password to view.

Can you provide that?

October 28, 2020 at 1:43 pm #1508509

Sorry Leo,

I just removed the password protection.

Mark

October 28, 2020 at 2:34 pm #1508551

Hi,

The "gray band" you're seeing is your background color being visible from the gap caused by adding 20px margin-top on your first section in Elementor.

To address this, try going to the first section of the page and replace the margin-top 20px with padding-top 20px.

October 28, 2020 at 5:31 pm #1508655

Thanks, I will try that

October 28, 2020 at 6:00 pm #1508671

No problem. Let us know if you need further help. :)

This archived topic is closed to new replies.

Start building better websites today.