HI guys,
I have some custom css entered in quick css that was working before but now isn’t. I cleared my browser cache but still can’t see the changes reflect, I think something is overridding it but idk why. Here is the code:
#top #main .sidebar {
height: 100vh;
background-image: url("https://gsdental.wpengine.com/wp-content/uploads/2020/11/services-texture-background.jpg") no repeat;
background-size: cover;
}
As mentioned it was working before but now isn’t…help would be much appreciated. Thanks!
Hi bobfurgo,
The reason it doesn’t work because the background-image: value is invalid, use background: instead and it should work.
Best regards,
Nikko
thanks Nikko! I just changed it to background but it isn’t showing still. it could be my browser cache but i’m not sure as I’ve cleared the cache and visited in an incognito
Hi bobfurgo,
There are 2 reasons I find why it’s not working atm, first is there’s a similar code (link in private content) in style.css that overrides it.
Then the second one is still invalid code because it should no-repeat with hyphen, I apologize for missing this one.
Best regards,
Nikko
thank you! I put a hyphen in no repeat and it worked! But when i scroll down it turns to white. How can I get it to not be white when scrolling down?
Hi bobfurgo,
It seems you have already fixed it by adding fixed on the background.
If it’s not fixed, can you give us a screenshot?
Let us know if you need further assistance.
Best regards,
Nikko
it is on the background but now when you scroll down the background turns white. can you just scroll down to see? Thanks!
Hi bobfurgo,
I have already looked into it in different browsers and I get the same result.
Screenshots in private content.
Best regards,
Nikko