Fade in x-bg-layer-upper-image on scroll / Remove Inline styles

[Keanu]

Hi there,

Bit of an odd one, essentially what i’ve been asked is to have it so the x-bg-layer-upper-image fades in as the user scrolls the page.

I’ve got most of the code ready, but the div containing the x-bg-layer-upper-image has the opacity set on it inline, which I cannot figure out how to remove, which essentially means as you enter the page, the upper image shows, but after scrolling down and back up, it works, which isn’t ideal!

Is there a way to remove inline styles from there? If so, how do I go around doing it please?

Thanks,
Kind regards,

[marc_a]

Hi Keanu,

Thanks for reaching out!

There’s no option to remove the inline CSS using our theme options. This can be done with custom coding overriding the inline styles. Regretfully, customization is outside the scope of our theme support. You may seek 3rd party developers to help you with your problems or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps and thank you for understanding.

[Keanu]

Hi @marc_a ,

That’s unfortunate. Is there any other way around this? I’ve tried searching through the files, but I can only find a reference to the $bg_lower_layer inside of \pro\cornerstone\includes\views\partials\bg.php , but I can’t find it $bg_lower_layer referenced anywhere else so my trail of breadcrumbs went cold!

Essentially all I want to do is remove the “opacity:1” from it, which doesn’t seem right to need a bunch of custom code to fix?? I thought it would just be a case of removing it by using the child theme?

Thanks,
Kind regards,

[marc_a]

Hi Keanu,

That’s the default one and we don’t have any option to remove the opacity on the bg_lower_layer. The inline CSS is injected using JS and it is on our core files. Regretfully, there’s no way we can extend it in the child theme.

Thank you for understanding.

[Keanu]

Hi @marc_a,

Got’cha, thank you for explaining that, it makes a lot more sense now. I had a feeling that might be what was happening, but wasn’t 100%!

Can I confirm that (assuming the client wants me to move forward with it), if I get in touch with the One team, this can be sorted? or would it be better to seek help elsewhere?

Thanks,
Kind regards,

[tristup]

Hi Keanu,

Glad that my colleague was able to explain it to you. Please remember that the One is a service where only the customization questions are answered, so if you have any question that related to the customization you can go for that service.

Thanks