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

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).





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


Replies 2 (2)

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: - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter
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?