I have been trying to update my newsletter block styling on the website however the code I have is either outdated or not working - although I have used it on another SS site before. I want to make the input cells/blocks an underline design as per the example attached.Any help would be appreciated! 

You might be using older CSS selectors for a previous HTML structure.
Do you know how to inspect the elements through developer tools?

Hey @sorca_marian, no I don't know how to do that!

Do you have any updated code? the one I have is actually so long it would take forever to inspect all of it

Can you send a link to a site you want this styling?
Are you aware of the new styling options for forms through SQSP Editor?

 ?

@sorca_marian I can't see those options for the newsletter form? see attached.

https://thechristmasportal.com.au/ is the site - you can see the newsletter sign up at the bottom 

Is this the desired result?
 

input[name="email"] {
    background : transparent!important;
    color : rgb(237, 191, 42);
    text-align : center;
}

input[name="email"]::placeholder {
    color : rgb(237, 191, 42)!important;
    text-align : center;
}

input[name="email"] {
    border-bottom : 1px solid rgb(237, 191, 42)!important;
}

@sorca_marian exactly! thank you!!!

sorry @sorca_marian I added a couple of lines to alter the text styling to make it uppercase + added text spacing. The text spacing has applied however the uppercase hasn't. Would you know why?:

input[name="email"] {
    background : transparent!important;
    color : rgb(237, 191, 42);
    text-align : center;
}

input[name="email"]::placeholder {
    color : rgb(237, 191, 42)!important;
    text-align : center;
    font-style: uppercase;
    letter-spacing:3px;
}

input[name="email"] {
    border-bottom : 1px solid rgb(237, 191, 42)!important;
}

One rule you added is not valid. 

I updated the code with uppercase and letter spacing.
Don't forget to mark my answer as the solution 🙂

input[name="email"] {
    background : transparent!important;
    color : rgb(237, 191, 42);
    text-align : center;
}

input[name="email"]::placeholder {
    color : rgb(237, 191, 42)!important;
    text-align : center;
    text-transform : uppercase;
    letter-spacing:3px;
}

input[name="email"] {
    border-bottom : 1px solid rgb(237, 191, 42)!important;
}

Thank you @sorca_marian! I just noticed something (so sorry to bother you again!)

The field has a blue border around it? Its faint but its obvious on a bright screen

Is this on another page?

@sorca_marian yes sorry it is. It's on an unpublished page I'm currently working on to replace to current live site landing page

@sorca_marian that got it! thank you!!