Tatsiana

Hi everyone!

I'm looking for CSS to adjust my newsletter block in a footer. I would like it to be almost seamless and small. I've attached a couple examples of what sort of design I'm after.

First and most preferred option - field for entering an email address is underlined with the text "Join our Newsletter". sign up button is a simple arrow next to the email field. Example with a dark background attached (used for locked screen).

Alternatively second option is to make a button called Join our Newsletter and field next to it for entering an email address. Very compact and minimal sizing. Example on the light background attached. 

I've tried dozens of codes by now but it's still too chunky. Would it be possible to edit newsletter block this much on squarespace?

wow @tuanphan, you're so helpful! Hi, could you please help me with my website too, if possible?

I'd like to change mobile view for those two pages:
https://cossetceramics.com/sculpture
https://cossetceramics.com/lighting

Preferably, identical to the desktop version with a combination of 1 to 3 images per row. If this is not possible, I would like to have 3 images per row throughout all page. 

Thank you very much and I hope you have a lovely day.

Warm regards,
Tatsiana