Okay
  Public Ticket #3207198
css for image button
Closed

Comments

  • duran868 started the conversation
    January 13, 2023 at 5:51pm

    I'm trying to create a hover shadow on the podcast image button, but the css is not working. I wrote the css in the Customize section of wordpress, and add the css class in the advanced section of the block editor.

    podbutton

    .podbutton {
        margin-right 20px;
        }

    .podbutton:hover {

    box-shadow: 10px 10px lightblue;
    }



  •  8,416
    Tahir replied
    January 14, 2023 at 5:27am

    Hey duran868 ,

    Thanks for using Salient. I 

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .podbutton img{
    transition:all .5s ease-in-out;
}
.podbutton img:hover {
    box-shadow: 5px 5px 10px lightblue;
}

    Thanks

    ThemeNectar Support Team