Site logo

[Support request] Add shadow and shadow hovering effect to specific containers

Home Forums Support [Support request] Add shadow and shadow hovering effect to specific containers

Home Forums Support Add shadow and shadow hovering effect to specific containers

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1642847
    Peter

    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.

    Thanks!

    #1643096
    David
    Staff
    Customer Support

    Hi there,

    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.

    #1643340
    Peter

    Thanks David, this works perfectly fine!

    #1643426
    David
    Staff
    Customer Support

    Glad to hear that.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.