Background image CSS issue
-
I am using the current version of the plugin and when I added a background image, it wasn’t displaying. In dev console, the CSS generated for the BG, it says “Invalid Property Value”.
I ended up overriding the class in my own CSS file and defining the attributes individually and the BG now works. Your code “looks” correct so not sure why Chrome(Version 78.0.3904.70) has an issue with it.
INVALID:
.wpd-av-overlay {
background-image: url(https://santamonicabrewworks.loc/wp-content/uploads/2019/11/age_verification_overlay_bg.png) no-repeat center center;
box-sizing: border-box;
background-size: cover;
background-attachment: fixed;
}WORKS:
.wpd-av-overlay {
background-image: url(https://santamonicabrewworks.loc/wp-content/uploads/2019/11/age_verification_overlay_bg.png);
background-repeat: no-repeat;
background-position: center;
box-sizing: border-box;
background-size: cover;
background-attachment: fixed;
}
- The topic ‘Background image CSS issue’ is closed to new replies.