derricksrandomviews Posted December 30, 2020 Share Posted December 30, 2020 (edited) 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. Edited December 30, 2020 by derricksrandomviews Beyondspace 1 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); } tuanphan 1 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, 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 (edited) 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? Edited December 31, 2020 by derricksrandomviews Beyondspace 1 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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