Overlay color used within the block is overlaying other parts of page when viewed in ChromeBrowser Info Environment
I have a slight issue with Background image overlay add-on. When I use overlay background colour the same gets overlayed not only over the Background image but also over the all slide block parts which then influences slide background colour (if it is white).
This only happens when opening page in Chrome or Firefox/Mozilla in IE white background of the slide stays white.
Is there a way to override this in Chrome?
Are you using a custom theme?
Please include a link to a page where this is happening.
Well, what happens is that after I insert the add on on all pages only first page image is visible and on all of the rest of the pages instead of image I get white background. I have set up all pages, slides and other elements background colour to none (transparent) and I still get white background. I have cleared the Concrete5 cache.
I am using a custom theme - Long Story Short Parallax.
Link to the working site:http://novi.meridian-apr.hr
You can see that only first page image is visible. Oh yes, this ONLY happens in Chrome. In IE everything works as it should
Example: no parallax effect - background image is visible
Example: parallax effect - background image is not visible
This is one of the "parallax blocks" that is layered on top of the background image. The div within it, with the class of "parallax-image", has a white background.
<div class="parallax-block" style="width: 1253px; height: 513px; visibility: hidden;"> <div class="parallax-image" style="background-color: rgb(255, 255, 255); width: 1253px; height: 1253px; background-position: initial initial; background-repeat: initial initial;"></div> <span class="drop-shadow"></span> </div>
I did a quick check using different browsers.
IE9 and IE11
Does not work:
At this time, I would not recommend using this block when using the Long Story Short theme.
I have attached screenshots of the code to help explain how the parallax effect covers the background image.
Thank you for your help I might do it with parallax turned off.
So in order for both to work I would have to remove white background from the theme's code?
The web page examples you provided have changed. They now appear to have parallax effect disabled. Without the parallax effect, the background is now visible.
Yes I have turned off parallax in order to play with background images only for now.
Thank you for your help.