How can I add a white border to buttons on the Fashionopolism theme?

Store Design
1

I want to add a border to my buttons on the fashionopolism theme

i want a transparent background button with a white border

how could i do this please

2

Hello There,

Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.

3

FB021D5D-22A3-4F2F-95A4-FE6A4A639E68.png
FB021D5D-22A3-4F2F-95A4-FE6A4A639E68.png1179×2556 484 KB

timeuncovered.com

thank you in advance!

4

Hi @Elliot7 ,

If your familiar with the code you just add on the the style.

Example:

.button {

border: 1px solid white;

}

And if your not familiar with it would you mind to share your URL website with password?

Thanks!

5

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code

  2. Find Asset >stylesheet.css and paste this at the bottom of the file:

.slideshow__btn-wrapper .button {
  background-color: transparent;
  border: 1px solid white;
  color: white;
}
.caption__btn-wrapper .button {
    background-color: transparent;
    border: 1px solid white;
    color: white;
}

ZestardTech_0-1685100843255.png
ZestardTech_0-1685100843255.png1626×448 352 KB

ZestardTech_1-1685100854691.png
ZestardTech_1-1685100854691.png1835×578 206 KB

6

Thank you so much!
Absolute legend!

7

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.