- Posts
Hello,
I am enjoying using Crio to build my website, very stylish. I noticed that any page I set as Home Page ends up with some sort of overlay, that is transparent and seems to be creating 4 big triangles of varying opaqueness that interfere with the design of the page.Is there any way to remove it?
Thank you!
Hello Dim-
Thanks for the great question. Those “triangles” are hard-coded into one specific Crio design from Inspirations that we call “Venetian.”
Here are instructions on how you can remove those using a line of Custom CSS.
To summarize, navigate to Customize > CSS/JS Editor and paste this line into your CSS Code:
body:after, body:before { border: none !important; }Thank you Jesse!
The code worked and the site looks great now!
Is there something that needs to be done to “enable” custom CSS? I’ve done this, and it appears to work in the preview, but doesn’t actually work when the site is viewed.
Hi Yanni!
The Custom CSS settings are always enabled and any code added in that area should start running on your website as soon as it is added. One possible explanation for the difference between the front end view and what you are seeing in the preview could be browser caching. Try loading up your website in a Private/Incognito browsing window or clear your local browser cache to ensure you are viewing the most updated configuration of your website.
Please let us know if there is anything else that we can do to help!
Thanks, I did try a hard refresh in incognito, to no avail, however about 5 minutes later the CSS took effect.
That’s great news Yanni and I am happy to hear that the CSS finally took effect on your website!
Do you know if there is any server side caching in effect for your website? That could also explain why it 5 minutes for your customizations to display as expected.
Hopefully everything is working properly now and if you ever have any other questions for us in the future please do not hesitate to ask!
- The topic ‘Remove Home Page Transparent Overlay’ is closed to new replies.
