Hi,
at the bottom of all our pages we have a submission field for our newsletter, but it looks invisible. I would really like it to be outlined, ideally with light text that reads " YOUR EMAIL" so that it’s extra clear, especially to our older customers. I hope one of you can help! Link and pic below.
oh sorry for that issue can you try this code
.newsletter-wrap .email {box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%);}
.newsletter-wrap .email::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #a8a3a3;
}
.newsletter-wrap .email::-moz-placeholder { /* Firefox 19+ */
color: #a8a3a3;
}
.newsletter-wrap .email:-ms-input-placeholder { /* IE 10+ */
color: #a8a3a3;
}
.newsletter-wrap .email:-moz-placeholder { /* Firefox 18- */
color: #a8a3a3;
}
Hi, it still has no outline. Is there a way for all fields to always have outlines? or to at least appear when rolling over? they all just look like blanks. Would love for them all to be in a light ish grey, so they arent super distracting, but so that customers can see that there is a field there.
this is the same on our contact us page.
yes, please add this code
.search-filters__filter-group-title, .option-value-name, .collection-filters__filter-group-title, .product-quantity-input, .password-page-field-wrap .password-page-input, .pxs-newsletter-form-input, .comments-wrap textarea, .comments-wrap input[type=text], .newsletter-wrap .email, .field, .select-wrapper
{
border: 1px solid #c2b8ad;
}