Can the selector detector target [data-brx-af-count]?

How To
1

Hi bricks team,

Can we target things like [data-brx-af-count] using selection detector? I haven’t been successful so far. But it would be great if it were possible.

In fact, the goal is to style the output of dynamic data.

2

Hi @Matej,

Could you please answer this question? Is this feature implementable or is custom css the only solution? Like

%root% span[data-brx-qr-count] {
  color: white;
  background-color: black;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}

Best regards

3

Hi @Victor1999,

the selector detector will not detect this attribute, but you can add it manually before creating it (or if you edit it later on).

Like this:

CleanShot 2025-07-11 at 12.16.12@2x
CleanShot 2025-07-11 at 12.16.12@2x798×1172 47.7 KB

This shoud work :slight_smile:

Best regards,
Matej

4

Oh, thanks my friend. It works great. But the changes are not displayed in the builder. For example, I set the width and height for the span and it works fine in the frontend, but not in the builder. It seems that this problem only exists for the width and height controls. If I change the color, it renders fine.

If this is a bug, I can create a new thread for it.

5

Hi @Victor1999,

the “width” and “height” probably don’t apply because of a different structure in the builder and in the frontend. Basically, because of the issue that you also reported here: WIP: Problem styling [data-brx-qr-count] in builder - #3 by Victor1999

So, I guess once that one is fixed, this should also be working.

Matej

1 Like