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

[Laguy]

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.

 

[Paul B]

There's no reason why it wouldn't work.

You may need to use a more specific selector, or !important to override the core.

 

[Pepelepew]

0000006e this is the transparency color for black. Its around 60% I believe but I will try important

 

[Russ]

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.

Accept third party cookies

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

box-shadow: 5px 5px rgba(0, 0, 0, 40%);

 

[Laguy]

No i checked with inspect element and it still doesn't work what is .block-container in the style properties maybe I could put it there

 

[Laguy]

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.

Accept third party cookies

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

box-shadow: 5px 5px rgba(0, 0, 0, 40%);

thank u that code worked

 

[Hoffi]

0000006e this is the transparency color for black. Its around 60% I believe but I will try important

Its better to be more specific. You should use !important very very carefully.