Hi,

I am getting errors because there are no spaces in the generated CSS and HTML when using variables.

For example, I have this CSS:

 box-shadow:{{ribbon_shadow_vertical}} {{ribbon_shadow_horizontal}} {{ribbon_shadow_blur}} {{ribbon_shadow_spread}} {{ribbon_shadow_color}};

But there is no shadow on the element and when I check the inspector in Chrome I see this:

.corner-ribbon.shadow { box-shadow: 7px6px8px0px#2E317E; }

So there are no spaces being created between the variable outputs causing the browser not to recognise the CSS as valid.

I'd love to know what I am doing wrong! :) 

Thanks so much for your time!

Shane

It also seems like all the CSS is being created inline.

I was just trying to think what changed on my site to break this and the only thing I can think of that I have done is to update PHP to 7.4. do you think that could be causing a problem?