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

Remove the black outline around the newsletter field (see screenshot)


Question

Site URL: https://www.forma-editions.com/

Hi there, 

I have styles with the CSS the look of my newsletter field (in the website footer), which I am very happy with. Now, when I submit the email address, there is a black outline around the 'Thank you' message that I want to remove but impossible to find the piece of code to use. 

See the screenshot attached.

Would anyone be able to help? 

Additionally, how can I implement an arrow glyph at the right-hand side of the field to replace the submit button? See the screenshot attached as an example.

Feel free to use: test@forma-editions.com to test the field. 

Thank you,
Max

 

The outline to remove

Screenshot 2021-03-03 at 18.22.26.png

 

Location on the page (footer)

Screenshot 2021-03-03 at 18.22.22.png

Example of the arrow I would like to use and positioning

Screenshot 2021-03-03 at 18.32.20.png

Edited by FORMAEDITIONS
Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

6 answers to this question

Recommended Posts

  • 0
On 3/10/2021 at 10:14 PM, FORMAEDITIONS said:

Any idea? Thank you

Try adding this to Design > Custom CSS

div#block-yui_3_17_2_1_1614188035570_7152 * {
    border-color: transparent !important;
    outline-color: transparent !important;
}

 

Link to post
  • 0

It doesn't seem to work, this one removes the underline. It's frustrating I can't really see it in the 'Inspect' as it is really fast. Seems to be a behaviour that only appear when the email is submitted (?)

Link to post
  • 0
On 3/22/2021 at 10:34 PM, FORMAEDITIONS said:

It doesn't seem to work, this one removes the underline. It's frustrating I can't really see it in the 'Inspect' as it is really fast. Seems to be a behaviour that only appear when the email is submitted (?)

Can you add the code & I will check it again?

div#block-yui_3_17_2_1_1614188035570_7152 * {
    outline-color: transparent !important;
}

 

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...