A background pattern (image) made with ::after seem to leak it’s original container element when upgrading Joomdev Astroid 2.5.4 to Templaza 2.5.11
A good page example is the page contact here (On TEST WEBSITE 2 (Templaza)
—> http://new-astroid.graf-test.ca/index.php/contactez-efoilsurf-canada
You can see the same page (without problems) on the 2.5.4 joomdev (TEST WEBSITE 1)
—> http://efoilsurf.graf-test.ca/index.php/contactez-efoilsurf-canada
_Notes:
a) The leak happens on arrival and disappear when scrolling the page, reappear or not on reload, It is not constant
— No problems at all in the Joomdev version
b) I made this pattern in custom css because I use it on different elements in the website and not only modules or template positions. Full control was needed here. I’m aware that you can do similar stuff in the Template Editor.
• The point is that the 2.5.11 update should not interfere with this code.
This is the css code used:
.header-footer-container::after, .carbon::after {
background: url(../../../images/x-construction/overlays-patterns/patterns/carbon-fiber.png) repeat;
content: "";
position: absolute;
background-size: 20%;
opacity: 0.50;
width: 100%;
height: 100%;
top: 0;
left:0;
}
TEST WEBSITE 1 - Joomdev and TEST WEBSITE 2 - Templaza Rules Compilation ARE THE SAME
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: url("http://specific-website_name-here.ca/images/x-construction/overlays-patterns/patterns/carbon-fiber.png");
background-origin: padding-box;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: 20%;
box-sizing: border-box;
color: rgb(255, 255, 255);
content: "";
font-family: "Source Sans Pro", Verdana, sans-serif;
font-size: 17.92px;
font-weight: 400;
height: 151.6px;
left: 0px;
line-height: 26.8833px;
opacity: 0.5;
position: absolute;
text-align: center;
top: 0px;
width: 1600px;