it looks like ::first-line pseudo-element does not update correctly inside the bricks builder when edited. The top line in the heading saying “Twoje zdrowie” ought to be bigger and the bottom line smaller. in this example the font size for the 1st line is: calc(var(–h2)*1.7) and for the 2nd line is var(–h2) but inside the builder (as seen also on the picture) both lines are displayed in the same font-size.
When you select “::first-line” in the Pseudo Elements & Classes control, the displayed fonts will show how the entire text would look as if it were the first line. As soon as you deselect the pseudo-element, the styles are applied as expected on the frontend, correct?
This behavior is consistent with, for example, the “:hover” pseudo-class.
sorry for the delay i have not seen the notification about your comment.
when i click into the pseudo class ::first-line and then click again on the actual class then the font changes in the builder, yes. (but both lines change, not only the one that should change).
also, when i click “out” from pseudo class into the main class and then i click between classes it changes too. so, just switching between the psuedo states does not do anything - i need to click into the actual class too. then one thing that i also notice is that the whole text is changing (both lines), not just the first line.
Hmm I’m not sure I’m following. It would be great if you could share a screen recording of the issue you’re encountering (you can use https://jam.dev/).
If you select ::first-line then yes any font changes you make will be applied to the entire font in the builder until you deselect ::first-line at which point you should be able to see the style only impacting the first line.
thanks for the link, so you can see i am switching between states on the video.
to see the actual changes i need to first click between classes
and when i do so, then the whole element gets changed (font size), not only the first-line.
I would assume that by editing the pseudo class i could visually see that the second-line is having a different styling to the first-line but that’s not happening. (plus the weird class clicking to see the element change at all)
thanks v much for your help.
PS: i also add that the 2nd class (.naszusmiech-underline__heading) is only the red long swoosh image)
