Overlay in Parallax position problem

Hi,

I want to apply overlay to the parallax image.

I saw the tutorials, searched for answers on forums but didn’t get any solution.

I chose the color in the Page Builder -> Edit Row -> Design -> Overlay Color. The color appears but the problem is in positioning according to me.

I inspected it on my Chrome Browser the inspection says the problem is in the CSS Position. By this I mean when I disable it in my browser inspector it works perfectly.

Can you please help me out!

Hello there,

Please share the URL to the page where I can see the trouble on.

Regards,
Kharis

Hi,

Sorry for late reply. Ran into deployment issues to show you.

Anyways, I’ve uploaded onto the server and the link is below -
My website link

Hello there,

Please try adding the following CSS code into your site’s additional CSS option under Appearance > Customize Additional CSS.


.panel-row-style[data-hasbg="hasbg"] .overlay{
   position: absolute !important;
}

Let me know if it does anything.

Regards,
Kharis

Hello,

Firstly, thank you Kharis for quick reply.

I implemented the solution you gave. It worked partially.

I have two queries now -

  1. When we resize the browser or viewing it on mobile the overlay is covering half of the background image.
  2. Can you guide me as how to disable mouse scroll wheel on the google maps I added!

FYI (For Point 2) -
I embedded the map as I couldn’t locate my business in the theme plugin “SiteOrigin Google Maps”.
I referred this solution to implement Disable Mouse Scroll Wheel on Embedded Google Map.

Regards
Kevin Goyal

Hello there,

> 1

Please try to replace, the code I suggested with this one:


.panel-row-style[data-hasbg="hasbg"] .overlay{
   position: absolute !important;
   height: 100% !important;
}

Let me know how it does anything.

> 2

Please create a separate topic for this to avoid endless discussion in a single thread. Doing so, will help us to easily track progress.

Regards,
Kharis

Hi Kharis,

Thank You for quick reply.

Thank you your solution solved my issue.

I really appreciate it.