Seeking assistance with a CSS custom properties issue.
Recently purchased a web hosting service from Hostinger and using the default Wordpress template.
Our web designer created a website in teleporthq.io, exported the files as HTML and CSS.
Deleted the entire public_html folder, created an empty public_html folder, and placed all the exported files inside, with the main page as index.html.
Although the page loads, the webpage's style is not correct. After further inspection, it seems the CSS Custom Properties are not loading, causing the page to look different.
When opening the pages locally, they display correctly, leading me to think it could be a setting or application deployed in the web hosting that I missed.
Encountering this error in the CSS file while editing with the web word editor: Expected RBRACE at line 2, col 3.
This is the error encountered in the part that uses the custom property: Expected (<color> | inherit) but found 'var(--dl-color-gray-black)'.
Any suggestions on how to enable CSS Custom Properties on a web hosting platform? (In this case, Hostinger)
:root { --dl-color-gray-500: #595959; }
.input { color: var(--dl-color-gray-black);
cursor: auto;
padding: 0.5rem 1rem;
font-family: Inter;
border-color: var(--dl-color-gray-black);
border-width: 1px;
border-radius: 4px;
background-color: var(--dl-color-gray-white);
}