A user wants to add a consistent 1.5px solid black border to all buttons on their Shopify store that share the same background color, including checkout and “Buy It Now” buttons.
Initial Question:
Solutions Provided:
Two community members offered CSS-based solutions:
border: 1.5px solid black; to button styles</body> tagCurrent Issue:
The proposed solution worked but created an unintended visual problem: a thin white outline now appears between the black border and green button background. The user is seeking guidance on how to fix this spacing/outline issue.
Status: Ongoing - awaiting solution for the white outline problem.
Hello,
I have a few buttons on my website that have a 1.5px solid black border and I want to add the same to the rest of the buttons that are the same color including the checkout and buy it now button.
Is this something editable in the themes or will it need to be coded in?
Website: tourbrand.us
password: task1data
Example of what I want:
.button {
border: 1.5px solid black;
}
Hey @tourbrandus
Follow these Steps:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
