Changing color of e-mail and country box - Sense theme

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__input and .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.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.

Hi @KiavusPetstore

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;
}

1 Like