Solved

Minimal theme: Create Custom HTML button consistent with theme's button style

earthtoplanet
Explorer
46 6 8

Hello,

I'd like to add a button on my home page (www.earthtoplanet.com) using the Custom HTML section. Using the most basic HTML this is what I have so far:

earthtoplanet_0-1636747389317.png

However, I'd like for it to take on the button styling consistent with the theme. Like, for example, the Add To Cart button: 

earthtoplanet_1-1636747434200.png

I'd really appreciate your help learning how I can reference the theme's button styling in my Custom HTML section.

Thanks!

 

Accepted Solution (1)

isis-mtnez
Shopify Partner
25 3 2

This is an accepted solution.

Hello,

Add class="btn" to your a html tag and the button will have the same style.

Code:

<a class="btn" href="https://earth-to-planet.myshopify.com/collections/cartoons">More Cartoons &gt;</a>

I hope this helps!


Give me a Like if I helped you

Please mark as Accepted Solution if I fixed your problem! 

Thanks 🙂

Give me a Like if I helped you
Please mark as Accepted Solution if I fixed your problem!
Thank you 🙂

View solution in original post

Replies 2 (2)

isis-mtnez
Shopify Partner
25 3 2

This is an accepted solution.

Hello,

Add class="btn" to your a html tag and the button will have the same style.

Code:

<a class="btn" href="https://earth-to-planet.myshopify.com/collections/cartoons">More Cartoons &gt;</a>

I hope this helps!


Give me a Like if I helped you

Please mark as Accepted Solution if I fixed your problem! 

Thanks 🙂

Give me a Like if I helped you
Please mark as Accepted Solution if I fixed your problem!
Thank you 🙂
earthtoplanet
Explorer
46 6 8

Fantastic. Thank you!