Editing flipping and other interactive elements?

[orionseye]

How do you edit flipping and other interactive elements?
Take the Blocks -> Our Team for example.
these are flipping cards. Well, how does someone edit the front of the card if, on hover, the card flips ? :)

Same goes with a pure css content toggle (accordion) I made, which should allow editing:
a) the header (trigger) itself and
b) the accordion content

Thank you good people!

[givanz]

You can use the navigator to select hard to reach elements.

edit.hard.to.select.elements.mp4

For this specific example you can use the flip box component that has a enabled option that can be used to disable the effect.

Just add your content in the following structure.

<div class="flip-box">
  <div class="flip-box-inner">
	<div class="flip-box-front">
	  <div class="card">
		Front content
	  </div>	
	</div>
	
	<div class="flip-box-back">
		 <div class="card">
			Back content
		</div>
	</div>
  </div>
</div>

[orionseye]

Thank you @givanz , that helped.
Could you kindly clarify what means

you can use the flip box component that has a enabled option that can be used to disable the effect

Is there a documentation how to use that option?

[givanz]

You can find flip box component in the elements group