Hi, I would like to add shadows to three containers (i.e. not to all containers on the page but only to these three specific ones). It would also be nice that when hovering over the container its shadow gets darker.
I tried some of the css for shadows I found in the support forum but I don´t know how I can add any css that only applies to these specific three containers.
you can a CSS Class to any Block in the editor, with the Block Selected > Advanced > Additional CSS Class(es).. Add in your CSS Class eg. shadow-style then use that to style the container:
.shadow-style {
/* Your CSS styles here */
}
Then add the CSS class to the blocks you want it to apply to.