Interaction appear on click

[Spipov]

Does anyone know the video @Araminta did where clicking on an element made another appear? It was a blue section, i cant recall the name or find it.

Want to use a button to click on and make a contact form appear, not really a popup.

[StrangeTech]

@Spipov

Does anyone know the video @Araminta did where clicking on an element made another appear

Guessing it’s one of these two tips you are thinking of:

Flip Boxes in Cwicly?

Can you build a flip box in Cwicly? Yes! You can easily build it from scratch on your own with the use of relative styling and perspective. Or you can follow a step by step tutorial and follow along. Remember that there are a several flip boxes already present in the Cwicly Design Library (in the elements category). [Flip Box - Thursday Theme Day #13 - FlipBox - WordPress Gutenberg]

Toggle between two elements

Just thought I would share how to achieve a toggle effect between two elements, in a Query block or wherever but it does work with repeated elements. Enjoy! [Box Interaction]

[Spipov]

Thanks found it!

What is Relative Styling?

You may have heard the term “relative styling” heavily used in our youtube videos, since most of our designs call for its use. What is Relative Styling? In Cwicly, relative styling refers to the exclusive feature where you, the builder, can target the style of children blocks from the parent block, and modify their styles from said parent’s editor panel. Any and every block can be targeted in the rule editor. Basically, it is visual CSS rules. You no longer need to write CSS and code blindly…

[Lijn-B]

I had a (sort of) same question lately:

Relative styling with of 2 components

I’m trying to create 2 equal columns (with the culmn block or with to divs). When I hover over the left one, I want it to be 66% width and at the same time the right one has to shrink to 33%. With a div and relative styling using the pseudo-class :hover I can set the size of the div I hover. Is it possible to set the other div to another width while hovering the first one? And how can I create it?

Maybe this helps too