XF 2.1 Transparent styling doesn't work on extra.less??

Laguy

New member
Hello I have been trying to styli a box-shadow on extra.css but when I save it on extra.less it doesnt appear? and when I use inspect element it seems to have erased 2 numbers from the hex?
I also tried this box-shadow: 5px 5px hsl(0deg 0% 0% / 40%); and box-shadow: 5px 5px rgb(0 0 0 / 40%); in lieu of the hex but it still doesn't work.
Screen Shot 2020-09-21 at 12.53.19 PM.webpScreen Shot 2020-09-21 at 12.53.49 PM.webp
 
Chrome's inspector switched to the no comma approach:
To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

But that doesn't work in XF, you'll need to add your own comma's for now.

Code:
box-shadow: 5px 5px rgba(0, 0, 0, 40%);
 
Chrome's inspector switched to the no comma approach:
To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

But that doesn't work in XF, you'll need to add your own comma's for now.

Code:
box-shadow: 5px 5px rgba(0, 0, 0, 40%);
thank u that code worked
 
Back
Top Bottom