Jump to content

CMV_akp

Member
  • Posts

    2
  • Joined

  • Last visited

Everything posted by CMV_akp

  1. I have had this same issue with no resolution. Did you find an answer?
  2. @tuanphan. This has been incredible helpful but I am missing something. I have two newsletter forms, one on my contact page and another in my footer. I was able to change the box in the footer to transparent and the text is white when the customer fills in their email address but the text "Email Address" will not change from black to white. I am also having the same issue with the contact form. I was able to change the text font showing and being typed except on the "Message" box. When you type your message the font color is still black. I have attached all the code that I have tried below and two screenshots. I am not super proficient at this and may have added too much in the CSS. div.form-block input:not([type="submit"]), div.form-block textarea { background-color: transparent !important; border: 1px solid white !important; input-font-color: white; } div.newsletter-form-field-wrapper input:not([type="submit"]), div.form-block textarea { background-color: transparent !important; border: 1px solid white !important; } .newsletter-block .newsletter-form-field-element { color:white!important; } .form-submission-text { color:white!important; } input { color:white!important; } .newsletter-form-field-element { background: transparent !important; border:1px solid white!important; } .newsletter-block .newsletter-form-field-element { color: white; } .newsletter-form-field-wrapper input:focus { color: white; } .form-submission-text { background: white; padding: 10px 20px; } .Footer .sqs-alternate-block-style-container .newsletter-block .newsletter-form-wrapper { background-color : transparent; .newsletter-form-header-title, .newsletter-form-header-description, .newsletter-form-footnote { color : white; } .newsletter-form-button { border-color : white !important; box-shadow : unset; } } body:not( .button-style-default ).button-style-outline .Footer .sqs-alternate-block-style-container .newsletter-block .newsletter-form-button { box-shadow : unset; color : white; &:hover { background-color : white; color : white; } }
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.