Newsletter background colour on email box

Store Design
1

Hi All,

Am needing to change the colour on the email feild box to all white in the Newsletter section (not footer) any help appreciated.

URL ;https://label-source.co.uk/

Screenshot 2023-02-23 at 15.54.57.png
Screenshot 2023-02-23 at 15.54.57.png2260×1316 277 KB

2

Hi @Danielparsons ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.scss->paste below code at the bottom of the file:

.signup-container input {
    background: #fff;
    color: #000;
}
.signup-container .field input[type=email]:not(:placeholder-shown)+label,
.signup-container .field input[type=email]:focus+label{
    display: none;
}
.signup-container .field__label {
    color: #000;
    background: #fff !important;
}
.signup-container button {
    --color-text: #000;
}

PageFlyRichard_0-1677169420936.png
PageFlyRichard_0-1677169420936.png347×342 4.89 KB

I hope it would help you
Best regards,

Richard | PageFly

1 Like
3

Hi Richard, I don ot have Asset->/theme.scss

1 Like
4

Hi @Danielparsons

Sorry, I was mistaken. Is file: Asset->/email-signup.css

5

Thank you Richard works great