Good day!
I’m having trouble with my email and search buttons, which display two borders. I want to keep the oval border as default and when clicked. Currently, its default is a more rectangular border (please see photo). While when clicked or hovered over, both borders appear. Could you please assist me in fixing this? I am using the Shopify Dawn theme. Thank you!
Hi @asapes
This is Amelia at PageFly - Shopify Advanced Page Builder app.
You have to remove one border; it will look better that way.
Hoping my solution helps you solve your problem.
Best regards,
Amelia | PageFly
Hi @asapes , Can you kindly share your store link with us? We will check it and suggest you a solution if possible.
I agree with you. But apparently it happens that when I try to zero the opacity on Themes > Customize > Inputs to remove one border, there is no default border for image. Although I achieve the oval border when clicked. Do you have any suggestion how can I retain the border on default (when not hover over or clicked)?
Please share the store URL so that I can check and might be provide a proper solution for you here.
Here it is. Thank you!
Can you mention the page name that you want?
Hello! The newsletter’s (email/sign-up) border on homepage and the forms on contact us. All of them has no default border, not unless if it will be clicked.
You can try the following steps I have provided to help you solve the problem you are facing:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file base.css or theme.css
Step 3: Add code
.field__input, .select__select, .customer .field input, .customer select {
border: 2px solid #000 !important;
}
I’m so sorry but it did not work. The borders appeared but for email/sign-up when clicked it is still double and I don’t know how to remove the one that is appearing when clicked. I already checked the codes I used and couldn’t find where this border came from.
Please use this code instead
.newsletter-form__field-wrapper .field__input {
border: 0 !important;
}
Thank you