derricksrandomviews Posted December 30, 2020 Share Posted December 30, 2020 I have a request of my coding friends here. I have a contact form that is accesed by the lightbox button option. I have tried unsuccessfully to give that button a drop shadow and have the option of making it red, like the other buttons on my site. https://myrandomviews.com/about I have also tried to give a drop shadow to the two action buttons on my landing/home page. So far I have not hit on the right code to make either thing happen, I have made them do some strange things but I won't go into that. my random views These are just things that would be neat to have but are not at all necessary. Link to comment
Beyondspace Posted December 30, 2020 Share Posted December 30, 2020 9 minutes ago, derricksrandomviews said: I have a request of my coding friends here. I have a contact form that is accesed by the lightbox button option. I have tried unsuccessfully to give that button a drop shadow and have the option of making it red, like the other buttons on my site. https://myrandomviews.com/about I have also tried to give a drop shadow to the two action buttons on my landing/home page. So far I have not hit on the right code to make either thing happen, I have made them do some strange things but I won't go into that. my random views These are just things that would be neat to have but are not at all necessary. I used this tool to generate the dropshadow, Box Shadow CSS Generator | CSSmatic .form-wrapper input[type=submit] { -webkit-box-shadow: 10px -2px 18px -5px rgba(0,0,0,0.75); -moz-box-shadow: 10px -2px 18px -5px rgba(0,0,0,0.75); box-shadow: 10px -2px 18px -5px rgba(0,0,0,0.75); } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
derricksrandomviews Posted December 30, 2020 Author Share Posted December 30, 2020 Cool! as we used to say here in the States. Thanks Bangank! How about the button that says "Send me a simple message"on my contact page? Can you target it for a drop shadow? Link to comment
tuanphan Posted January 5, 2021 Share Posted January 5, 2021 @derricksrandomviews You can use this class button.lightbox-handle { -webkit-box-shadow: 10px -2px 18px -5px rgba(0,0,0,0.75) !important; -moz-box-shadow: 10px -2px 18px -5px rgba(0,0,0,0.75) !important; box-shadow: 10px -2px 18px -5px rgba(0,0,0,0.75) !important; } 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
Archived
This topic is now archived and is closed to further replies.