How to align a button to center?

Solved
Noctis
Tourist
30 0 0

In the blog post, I've created a button for a CTA purpose. How to align it to the center?

Here is what it looks like:

blog.png

 

This is the code I use:

<form><input style="width: 140px; padding: 20px; cursor: pointer; font-weight: bold; background: #f597a4; color: #fff; border-radius: 40px; border: 0px solid #999; font-size: 100%;" type="button" value="PAWS UP!" onclick="window.location.href='https://puppycanva.com/collections/custom-pet-products/products/blanket-with-your-pet-on-it'"></form>

 

Thanks!

 

0 Likes
JHKCreate
Shopify Partner
2031 328 442

This is an accepted solution.

Hi @Noctis 

Please add the following code to your theme.css file:

#shopify-section-article-template > div.rte > form {
    text-align: center;
}

Cheers!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com