# How to change Add to Cart to a bold text instead of button

**URL:** <https://community.elfsight.com/t/how-to-change-add-to-cart-to-a-bold-text-instead-of-button/140350>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [October 7, 2025, 7:49am UTC](https://community.elfsight.com/t/how-to-change-add-to-cart-to-a-bold-text-instead-of-button/140350 "2025-10-07T07:49:02Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [October 7, 2025, 7:49am UTC](https://community.elfsight.com/t/how-to-change-add-to-cart-to-a-bold-text-instead-of-button/140350/1 "2025-10-07T07:49:03Z")

</div>

To change Add to Cart to a bold text, instead of button, like this.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/f/0fd60f8f65b463973a84331a6f9b4041c20a20b9.png)

or this.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/c/7c01e0e65de2e11cc1cc1e5ad737bee68f4ed99b.png)

You can use this code to Custom CSS.

```auto
button.sqs-add-to-cart-button {
    background-color: transparent !important;
    border: none !important;
}
button.sqs-add-to-cart-button * {
    color: #000 !important;
    font-weight: bold !important;
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/3/53cf222c8f3ad673ed3b3104f7f24f15e3eb297a.jpeg)

If you want to align left on Product Detail, you can use this extra CSS code.

```auto
button.sqs-add-to-cart-button {
    padding: 0px !important;
}
button.sqs-add-to-cart-button>div {
     justify-content: flex-start !important;
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/9/7/97fbbd2003faed374d0c5c0d88e946515e7cf139.png)