Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Vanec

Help with some custom Newsletter block code - Something is going wrong

Question

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:

image.png.c916fb6993fda575f56b8b0876b58149.png

How it appears on mobile / incognito: 

image.png.a6a28b5795319e3bc0d8cb30bfb45bb9.png

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!

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0

@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? 

Share this post


Link to post
  • 0
Posted (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 by Vanec
Found workaround

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...