How can I add a border to a file download link?

Store Design
, ,
1

Hello,

Hoping folks can help me with a simple coding problem.

I have a link via the Sky Pilot app to downloadable files in the customer account page.

I would like to add a box around it to make it look like a button vs. a link.

Here is the code:


  
    My Downloadable Files

This is what it looks like now:

WoolShop_0-1700172602633.png
WoolShop_0-1700172602633.png1182×555 36.8 KB

Any thoughts?

2

Hi,

In the

add the following

Change the color to what you desire.

But it will be more helpful if you can share your store URL to be able to take a better look at the code inspect

3

Hello @WoolShop ,

As per my understanding you are looking to provide a border to your ‘My Downloadable Files’ link/text.

Please take a look at the below mentioned solution and the code in to display border with the link -:

  1. Go to the Online Store- Themes - Edit Code.

  2. Search file theme.liquid

  3. Add the below mentioned code at the bottom of the file.

a.btn.button{ border: 3px solid blue; }
  1. Save it.

I hope the solution helps you.

Please let me know if you have any issue or need any assistance.

Thank you.