CaleyS Posted May 6 Share Posted May 6 Hello! Would like to have all buttons on my website to have an "all-ease-in" effect, so that it feels like you're manually pressing a button on hover. However, the buttons on the contact forms, email sign-ups and navigation are not responsive to the CSS. These buttons are only changing opacity. For reference, website is www.sovdimedia.com CSS I'm currently using: .sqs-add-to-cart-button, .sqs-editable-button, .sqs-editable-button-style, .sqs-button-element--primary { box-shadow: 5px 5px #000; border: 1px solid #000 !important; transition: all ease-in 0.2s !important; } .sqs-block-button-element:hover { box-shadow: none; transform: translateY(5px) !important; transition: all ease-in 0.2s !important; opacity: 1 !important; } What am I doing wrong? Any help would be appreciated! Link to comment
Solution tuanphan Posted May 8 Solution Share Posted May 8 Form button use this ID button.button Newsletter button is button.newsletter-form-button Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment