SOLVED: Problem with CSS pseudo element after latest update (1.4.0.2)

Bugs
1

Bricks Version: 1.4.0.2
Browser: Chrome
OS: Windows
URL: https://new.home67.nl/klantenservice/service-garantie/

I placed three font awesome icons via the CSS option of the Bricks element like this:

#contactblok .accordion-item:first-child h5.title::before {
font-family: “Font Awesome 6 Solid”;
font-weight: 900;
content: “\f879”;
margin-right: 10px;
}

In my opinion valid CSS code and it worked well until te latest update. Strange thing is that the backslash in the content part was filtered out? When I looked at the frontend via my console the CSS was rendered as:

content: “f879”;

Which does not work of course. I fixed it for now by removing the code from the element and placing it in the stylesheet of the Bricks theme.

2

Hi Bart,
Thanks so much for your report!

This bug has already been reported and will be fixed soon.

Best regards,
timmse

1 Like
3

Hello Bart,

This issue was already fixed in Bricks 1.5 RC. :slight_smile:

In case it doesn’t work for you, please let me know here.

Thank you!
Luis