How can I match a new download button to the add-to-cart style?

DeeLT
Tourist
12 0 4

I want to add a button to some product pages.  I have the code to add the button for the metafield, and it works when I add it to a button.

 

<a class=button button--primary" a href="{{ product.metafields.custom.tower_garden_url }}" target="_blank">DOWNLOAD</a>

 

I would like the new "Download" button to match the buy it now button (width and alignment).

 

DeeLT_0-1711078057173.png

 

 

I would like the button to use the same colors as the add-to-cart button.

 

Replies 2 (2)

Guleria
Shopify Partner
3084 604 861

Use html

<a class="fcc-btn"  href="{{ product.metafields.custom.tower_garden_url }}" target="_blank">DOWNLOAD</a>

 

Add this css

.fcc-btn {
  background-color: #199319;
  color: white;
  padding: 15px 25px;
  text-decoration: none;
}

.fcc-btn:hover {
  background-color: #223094;
}

 

Note: Change color code a/to your need.

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter
DeeLT
Tourist
12 0 4

Where do I add the css?

 

I also want to center the button.  What do I need to add and where to do that?