How to change "View All" & "Choose Options" border to rectangle? - Dawn Theme

[randytheasian]

URL: https://www.meta25.studio/ 

 

[devcoders · Accepted solution]

Hello @randytheasian 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

.quick-add__submit:after{
border-radius: 0;
}
.collection__view-all a:not(.link):after {
border-radius: 0!important;
}

Output :

[devcoders]

Hello @randytheasian 

Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

[randytheasian]

How do I change the same issues for the cart page?

[devcoders]

Hello @randytheasian 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

.cart__warnings .button {
border-radius: 0;
}

[randytheasian]

How about the Send button?

[devcoders]

Hello @randytheasian 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

button.button {
border-radius: 0;
}

[randytheasian]

How do I make it white background with black border, and black text? Just like the homepage

[devcoders]

Hello @randytheasian 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

button.button::after {
    border-radius: 0;
}
button.button {
    background: #fff;
    color: #000;
    border-radius: 0;
}

[randytheasian]

After adding the codes for "send" button, "Choose Options" borders are missing. Also need help on Choose Option button's to become rectangular border. 

 

[devcoders]

Hello @randytheasian 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

.quick-add button.button {
    border: solid 2px #000;
}

[devcoders]

Hello @randytheasian 

You're very welcome! I'm glad to hear that you're pleased with the outcome. Please feel free to reach out if you need further assistance.

If my assistance was helpful, please consider liking and accepting the all solution. Thank you!

[randytheasian]

Do you mind checking my codes? I think the border is there but I've changed from the color schemes many times

I think like the coding borders are overlaying the default borders.  

Could you shoot me a message via +60122725398 on WhatsApp?