Browser: Chrome 110
OS: Windows 10
URL: https://pin-auto.com/
I have added span selector within h1, Its showing in builder, but on frontend its not rendering its styels.
=================================
2nd issue related to this
In builder I have added span tag selector within button, on front its rendering fine, but in builder it shows wrong color for child
Parent button tag has while color and child tags yellow color.
Hi Ayoub,
Thanks so much for your report!
You have some invalid CSS (probably custom CSS) breaking the following styles:
Best regards,
timmse
I see the same problem on a button.
Fixed it. I have added custom css, opening { was not added, that causing issue.
I had added a custom CSS snippet where one { opening bracket was missing. Because of this, the rest of Bricks’ functionality was also being disturbed. However, the code still saved, and it looked fine inside the builder canvas — but it didn’t render correctly on the frontend.
Shouldn’t the builder show a linting error when saving code with such mistakes, so that the rest of the code doesn’t get disturbed?
In another case, I was adding custom JSON options for SwiperJS, and a , comma was missing. Because of this, none of the images were showing. If the builder had displayed an error when saving (like a JSON error), the issue with the images might not have happened and it would have been much easier to debug.
It shows errors in the CSS field or the custom slider options, but there’s currently no logic to check on save (it’s a potential improvement):
When the advanced themer is active, it’s not showing an error.
When I disable it its showing error
Hi @ayoubkhan558,
I’m not sure how AT handles error, but I believe that it will show the error, as you can see, the } is underlined, which I believe will mark the error. And that would be correct, as there is no opening curly bracket.
Bricks will show the error on the side, which is also totally fine.
Matej
