Vanec Posted June 23, 2020 Share Posted June 23, 2020 Hello, I created some code to edit the newsletter block and make it transparent, while leaving a bottom border. The code seems to work and the bottom border appears sometime, but sometimes it doesn't (for example, when opened in Incognito / Private browser or when switched to Mobile view). See everything below: How it should look: How it appears on mobile / incognito: The code I added: .black .sqs-block-newsletter .newsletter-form-field-element { border:none; border-radius: 0px; border-bottom: 2px solid; border-color: #ceaa64; background: rgba(0, 0, 0, 0.0); } .newsletter-block .newsletter-form-field-element:focus { background: rgba(0, 0, 0, 0.0) } I wrote this code and writing code is NOT my thing, so it's very possible I missed something or added something wrong. Please help! Thank you! Link to comment
RyanDejaegher Posted June 23, 2020 Share Posted June 23, 2020 @Vanec do you have a link to the site? Philadelphia, PA 👉 Squarespace Tutorials Chat/Message on FB Messenger for quickest response: https://m.me/dejaegherryan Link to comment
Vanec Posted June 23, 2020 Author Share Posted June 23, 2020 @RyanDejaegher https://elk-keyboard-w7dl.squarespace.com/ Link to comment
RyanDejaegher Posted June 23, 2020 Share Posted June 23, 2020 @Vanec hmm have you tested this on a mobile device or just on the browser in incognito? I'm seeing the border on my end. Philadelphia, PA 👉 Squarespace Tutorials Chat/Message on FB Messenger for quickest response: https://m.me/dejaegherryan Link to comment
Vanec Posted June 23, 2020 Author Share Posted June 23, 2020 @RyanDejaegher I've tried it on both ... even just tried it on my phone instead of the mobile view in Squarespace backend and I've never been to the site on mobile so I don't think it's a cookies thing. Any thoughts? Link to comment
RyanDejaegher Posted June 23, 2020 Share Posted June 23, 2020 Hmmm that is strange, nothing in the code indicates that there's any error or issue. Are you seeing any syntax errors in your custom CSS window in edit mode? Philadelphia, PA 👉 Squarespace Tutorials Chat/Message on FB Messenger for quickest response: https://m.me/dejaegherryan Link to comment
Vanec Posted June 23, 2020 Author Share Posted June 23, 2020 (edited) @RyanDejaegher Nope, none at all, looks all clean and good in my custom CSS window, but I seem to be the only person in my whole office who is even able to see the border. You said you were able to see it? You're the only person other than me who can, it seems. I see a couple errors when I inspect the element but am not sure if they're what's causing the issue. I'm inspecting now, but am honestly at a loss here. Update: Something weird was breaking in the JS index. So, I removed the newsletter block and instead just used a normal contact form, edited down to only display the Email field. Close enough! Edited June 23, 2020 by Vanec Found workaround RyanDejaegher 1 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