Minify feature messes up my css render

Website, Application, Performance
1

Hello, it looks like the minify feature in Cloudflare is omitting two periods in my code. This in turn is messing up the way that my page renders in the browser. The code as written in the original stylesheet is:

#photo1{background: url(’…/images/photo-1.jpg’) center/cover no-repeat !important;}

But when I inspect the website in chrome (after the Cloudflare minifies the website), the code comes back as:

#photo1{background: url(’/images/photo-1.jpg’) center/cover no-repeat !important;} <== No perdiods before /images

This is messing up the file structure and the browser does not know where to point to get the photos.

Any suggestions?

2

... is not really a valid identifier in this context. I presume you want to reference the parent directory, right? Does it also omit it if you specify it properly via ..?

3

Hi, my apologies. I mistyped the identifier. You’re correct, the identifier I meant to type was … not …

And yes, it does omit the two periods meant to direct to the parent folder.

4

Can you post the URL?

5

This topic was automatically closed after 30 days. New replies are no longer allowed.