WIP: Class content not applied to Taxonomy element with separator

Hi there,

I have a class added to a Bricks Element taxonomy but the class contents are not shown in the HTML output. When styling on ID level it works


(targetted class is below my circle in the console)

Same kind of issue i have with the Pricing Element =
When there is a discount price, the font color is correct; but when the regular pricing is set i get a style i cannot edit (the pricing keeps black)

Due to this css
.card-prints__price {
.price:not(:has(del)) bdi {
color: var(–dark);
font-weight: 700;
}
}

Bug? Or missing something?

Jasper

Hi Jasper,
Thanks so much for your report!

Unfortunately, I cannot replicate the issue.

It’s somehow confusing since your taxonomy element markup is entirely different. For me, it uses an ul > li structure, not a plain div :thinking:

What happens if you add a new taxonomy element and apply your class to it?

Also, the .price:not(:has(del)) bdi styles are not from Bricks. You probably added them yourself with a higher specificity than the default selectors. Make them less specific and it will work.

If you get stuck, please send us access data and a link to this thread to help@bricksbuilder.io.

Best regards,
timmse

Hi Timmse,

Thanks, gonna check it out. I am using Core Framework as extra layer so i going to dig into the code. Will report back.

Jasper

Hi Timse,

Well… i found the hidden .price:not(:has(del)) bdi tags inside a partly imported template. So for this my excuses for your replicating time as it was a external party adding this one.

For the Taxonomy i do have a native Bricks thing and i found ou the issue for not styling.
Whenever a seperator is applied (comma, column, letter etc.) it looses it’s styling:

Jasper

Yes, that’s it! Thanks so much for double checking. I added it to the bug tracker :v: