Working on my site, applied a custom css to some divs, The Chalets and The Cottages Divs on the home page. Yesterday the css was working fine. Today I viewed (Didn’t Change A THING), no css effect showing now. I have inspected the element, the class and css effect are showing. But the effect is not happening. This has happened twice!! I had a button that I ended up deleting, it worked one minute then last all the css applied to it in the an hour later… noting changed! This is getting very tiresome! There is no caching software on the install, I have cleared cache server side and I have cleared the cornerstone cache. I need to get to the bottom of this. I am spending hours trying to get it to work but to no avail!
Need to add, that I can see the css working in the builder.
Hello @Thomas,
Thanks for writing in!
Regretfully we cannot check your site bcause the given WP access is incorrect. Please double-check it. Meanwhile, I have checked the page and found this broken CSS:
url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100"><path fill="%23514C4D" d="M924 38c-19 16-71 24-202 0-37-7-81-13-122-10-44 4-76 14-92 27l-8 10-8-10c-16-13-48-23-91-27-41-3-85 3-122 10C148 62 95 54 76 38c-8-7-16-16-16-27 0 13 5 23 15 31 29 24 98 30 205 10 77-14 179-6 209 19 5 4 11 12 11 17 0-5 5-12 11-17 31-25 132-33 210-19 106 20 175 14 204-10 10-8 15-18 15-30 0 10-8 19-16 26Z"></path></svg>') url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100"><path fill="%23514C4D" d="M924 38c-19 16-71 24-202 0-37-7-81-13-122-10-44 4-76 14-92 27l-8 10-8-10c-16-13-48-23-91-27-41-3-85 3-122 10C148 62 95 54 76 38c-8-7-16-16-16-27 0 13 5 23 15 31 29 24 98 30 205 10 77-14 179-6 209 19 5 4 11 12 11 17 0-5 5-12 11-17 31-25 132-33 210-19 106 20 175 14 204-10 10-8 15-18 15-30 0 10-8 19-16 26Z"></path></svg>') url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100"><path fill="%23514C4D" d="M924 38c-19 16-71 24-202 0-37-7-81-13-122-10-44 4-76 14-92 27l-8 10-8-10c-16-13-48-23-91-27-41-3-85 3-122 10C148 62 95 54 76 38c-8-7-16-16-16-27 0 13 5 23 15 31 29 24 98 30 205 10 77-14 179-6 209 19 5 4 11 12 11 17 0-5 5-12 11-17 31-25 132-33 210-19 106 20 175 14 204-10 10-8 15-18 15-30 0 10-8 19-16 26Z"></path></svg>') url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100"><path fill="%23514C4D" d="M924 38c-19 16-71 24-202 0-37-7-81-13-122-10-44 4-76 14-92 27l-8 10-8-10c-16-13-48-23-91-27-41-3-85 3-122 10C148 62 95 54 76 38c-8-7-16-16-16-27 0 13 5 23 15 31 29 24 98 30 205 10 77-14 179-6 209 19 5 4 11 12 11 17 0-5 5-12 11-17 31-25 132-33 210-19 106 20 175 14 204-10 10-8 15-18 15-30 0 10-8 19-16 26Z"></path></svg>') @keyframes pulseGlow{
0%{
box-shadow:0 0 12px rgba(255,255,255);
}
50%{
box-shadow:0 0 24px rgba(255,255,255);
}
100%{
box-shadow:0 0 12px rgba(255,255,255);
}
}
.glow-pulse{
animation:pulseGlow 2.5s ease-in-out infinite;
}
Could you please provide the complete CSS code that you have used in the page so we can check it as well?
Best Regards.
Hi Thank you for replying. I didnt change anything, so I have no idea why it broke, Please feel free to look at the css for and tell me the reason why. I have addd your user and password
Hey Thomas,
It seems that you have added a broken inline element CSS in one of the DIV elements.
url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100"><path fill="%23514C4D" d="M924 38c-19 16-71 24-202 0-37-7-81-13-122-10-44 4-76 14-92 27l-8 10-8-10c-16-13-48-23-91-27-41-3-85 3-122 10C148 62 95 54 76 38c-8-7-16-16-16-27 0 13 5 23 15 31 29 24 98 30 205 10 77-14 179-6 209 19 5 4 11 12 11 17 0-5 5-12 11-17 31-25 132-33 210-19 106 20 175 14 204-10 10-8 15-18 15-30 0 10-8 19-16 26Z"></path></svg>')
Please remove this code first and test your page again.