Jump to content

Newsletter Form

Recommended Posts

Site URL: https://lordsuni.squarespace.com/

There's a werid outline I see when I click on to enter the email add on the newsletter form in the footer. Can someone pls help me remove it?

 

site url: https://lordsuni.squarespace.com/   pw: lords

 

I have used this code to customise the block:

// Summary Block Title //

.summary-title-link {
  font-size: 25px !important;
  color: #000000;
  letter-spacing: 2px;
  line-height: 1.8px;
}

// Summary Block Excerpt //

.summary-excerpt p {
  font-size: 14px !important;
  color: #000000;
  letter-spacing: 1px;
  line-height: 1.8px;
}
Link to comment
50 minutes ago, atfirstblink said:

There's a weird outline I see when I click on to enter the email add on the newsletter form

This "weird outline" is a "focus outline" and shouldn't be removed. It is an accessibility feature to improve site navigation for visitors with vision and movement disabilities. On forms, Squarespace add a contrasting black or white outline to the area of the page that has focus. 

Removing focus outlines can create issues for people navigating the web with a keyboard, and isn't recommended. In some territories, there are legal stipulations for accessibility so removing accessibility features may cause legal issues for the website owner.

If you do not like the default style that Squarespace applied (a thick white or black box) then you may want to consider styling the focus outline to match your design whilst retaining the high-contrast outline.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Hi Paul, 

Thanks for bringing this to my attention. To be honest I had never thought about this while designing a site as these are not mandatory stipulations in India, however this is definitely good to know and keep in mind and also educate my clients about. Thank you for bringing this to my attention, I will definitely be researching more about this. 

So just out of curiosity, a lot of people tend to customise the newsletter into a single line instead of a box, how would the focus lines work in that case? 

Another question, would you recommend incorporating focus lines on all the CTA buttons of a site ?

Thanks once again.

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.