Please go to Online Store > Themes > Customize > Theme settings > open Custom CSS, add this code, and save change.
.disclosure .localization-form__select,
.newsletter-form__field-wrapper .field__input {
background: #95B4F0 !important;
}
Topic summary
A user wants to change the background color of email input and country/currency selector boxes to #95B4F0 in their Shopify Sense theme footer.
Multiple solutions provided:
- Add custom CSS code to Theme Settings > Custom CSS or base.css file
- Target classes:
.newsletter-form__field-wrapper .field__inputand.localization-form__select - Use
background: #95B4F0 !important;
Follow-up request:
User asked to also change the text color inside these boxes to white/light blue (#FDFBF7).
Updated solutions include:
- Additional CSS for text color:
color: #FDFBF7 !important; - Styling for placeholder text and labels
- Removal of default borders/shadows for cleaner appearance
Status: Issue resolved with working CSS code provided by multiple contributors. Screenshots demonstrate successful implementation of both background and text color changes.
1 Like