Add a border (or background) to the checkout button in the cart dropdown

[gwgp]

Website: goodwinegoodpeople.com

Trying to add a border (or background) to the 'CHECKOUT' button to identify it as a button without affecting the formatting of other buttons in the header. Ideally it looks just like the border around the 'Add to basket' button on the product pages (2nd image). Thanks for your help.

[laddisahsi]

Hi @gwgp 

Can you please share store URL?

[gwgp]

...it's the first line in the post.

[PageFly-Theodor]

Hi @Gwgp
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about the Add A Border (Or Background) To The Checkout Button In The Cart Dropdown, let’s try this solution:
Online Store ->Theme ->Edit code
Assets ->Base.css

.btn.cart__checkout {
    border: 1px solid;
    border-color: var(--colorTextBody);
}

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

[gwgp]

Thanks for the prompt reply, however I cannot locate Base.css in the Asset dropdown? I created an asset with Base.css, added the code, but no change. Thanks for your help.

[PageFly-Theodor]

Hi @Gwgp
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about the Add A Border (Or Background) To The Checkout Button In The Cart Dropdown, let’s try this solution:
Online Store ->Theme ->Edit code
Assets ->theme.css

.btn.cart__checkout {
    border: 1px solid;
    border-color: var(--colorTextBody);
}

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

[gwgp]

Perhaps noteworthy, the only 'theme' I have in assets is 'theme.css.liquid' ...unfortunately there was no change when I added the code here. 

[PageFly-Theodor]

Hi @Gwgp
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about the Add A Border (Or Background) To The Checkout Button In The Cart Dropdown, let’s try this solution:
Online Store ->Theme ->Edit code -> theme.liquid

<style>
	.btn.cart__checkout {
    border: 1px solid;
    border-color: var(--colorTextBody);
}
</style>

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

[gwgp]

No change I'm afraid.

[oscprofessional]

Hello @gwgp 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

button.btn.cart__checkout {
    border: 1px solid #000 !important;
}

[gwgp]

Thanks for your response. Perhaps noteworthy, the only 'theme' I have in assets is 'theme.css.liquid' ...unfortunately there was no change when I added the code here. 

[oscprofessional]

Hello @gwgp 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

.payment-buttons .cart__checkout {
    border: 1px solid #000;
}

[gwgp]

No change I'm afraid. 

[oscprofessional · Accepted solution]

Hello @gwgp 

[gwgp]

I was able to add the code to the custom css box for the header section! Looks great, thanks!