Change color of footer newsletter signup box and text only

Store Design
, , ,
1

Hi there,

is it possible to only change the color of “E-Mail”, the Arrow on the left and the outline so that there is a contrast to the signup field background color? Otherwise its quite hard to read in that dark text color:

Bildschirmfoto 2022-12-14 um 23.30.08.png
Bildschirmfoto 2022-12-14 um 23.30.08.png1868×466 29.7 KB

I tried it but i just keep changing the text color for everything, and i cant figure out how to change the rest.

The Theme i’m using is “Origin”.

Thanks a lot!

2

Before altering your theme, it’s a good idea to create a backup copy. I would also recommend checking to see if you can make these changes in the theme editor.
See link - https://help.shopify.com/en/manual/online-store/themes/customizing-themes/edit#theme-editor

You can target the footer newsletter input field text and arrow colour with the code below.

// Footer input field placeholder text colour

.newsletter-form__field-wrapper label.field__label {
    color: #ffffff;
}

// Footer input field arrow icon colour 

.newsletter-form__field-wrapper svg.icon-arrow {
    color: #ffffff;
}

If you want to change the input field placeholder text and arrow colour for the entire site, use the code below.

// Input field placeholder text colour

label.field__label {
    color: #ffffff;
}

//  Arrow icon colour 

svg.icon-arrow {
    color: #ffffff;
}

Hope this helps!

3

Hello @alexsurrer ,

It’s GemPages support team and glad to support you today.

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team