Selector detector improvements

Hey guys,

I think this is a big step forward towards a more no-code solution, and I have 2 simple suggestions regarding the selector detector:

  1. Would be possible to create a button in all text fields to actually wrap text into spam?
    Similar to what AdvancedThemer is doing? He built a pretty robust solution where you can actually include different tags, but a simple span would be amazing.
  2. This second is more of a robust feature and not sure if it’s even possible to build, but having selector detector, could I select an element on hover?
    For example, I’m hovering on top of a card and want to target the title inside a card I have to write CSS like .card:hover title {}. Would be possible to build it into the builder? The way it would work is I select and element and I click on hover, I’m then styling the hover state. While on hover state I could toggle selector detector and select an element inside e.g. title and then I would be styling the title while hovering the card.

I understand this is a more advanced feature so it’s up to you whether this can be added or not.

Thanks

1 Like

I’m tagging you because I believe this post got lost among many others. @Matej
Let’s see if you’d like to include my suggestions into bricks.

Hi @Dinophox,

thanks for the suggestions. Let’s go over both of them :slight_smile:

#1: You can do that, but you have to do it manually. In the “Rich Text” element, just go over to the “code” tab in the editor, and add <span>...</span> there. In the “basic text” element, you can just write (parts of) the text in …

#2: You can do that already! :partying_face:. Just manually type the :hover after the selector, before you save it, and it will work on hover. For example, this will select the figcaption on hover :slight_smile:

Additionally, you can also add :hover or any other pseudo selector in between your selector, so that the selector becomes .card:hover button, and it will select a button, but only when you hover over the card.

Let me know if I answered your questions.
Matej

Hi @Matej,
That’s good news, especially the second point.

Regarding the first point, I understand I can add span or any other element, yet I still believe that would be very beneficial to add a no-code shortcut for that. I believe we will have one day.

Anyway, great job guys with the latest update, hope we can start using it soon :slight_smile:

1 Like

Hey @Dinophox,

thank you :blush:. As for the point with wrapping text with <span>, I think it’s best if you vote on this idea board entry :wink:

Best regards,
Matej