Want to place the add to cart text in the center ( Shopify BleBee Home Page 2 theme )

[dreamtechzone_5]

Hello, Everyone!

I am using Shopify BleBee Home Page 2 theme. I can see that the product Add To Cart text is not looking good. The text is showing more on the right side. I want the “Add To Cart” text to look better in all formats.

Store: https://puppies-paws-shop.myshopify.com/

Password: Admin

[topnewyork]

Hello @dreamtechzone_5 ,

Paste the following CSS code at the end of the base.css file.

.item-product .formAddToCart .btnAddToCart .icon_cart{
margin:0px;
}

[dhimansangeeta]

hello @dreamtechzone_5

1. go to Online Store > Themes.> Edit code…>assets…>theme.scss.css..>line no..5404

Search the code

.item-product .formAddToCart .btnAddToCart span {
    font-size: 1.3rem;
    font-family: Poppins, HelveticaNeue, Helvetica Neue, sans-serif;
    font-weight: 600;
    margin-left: 7px;
    color: #222;
    text-transform: none;
   
}

replace with this code

.item-product .formAddToCart .btnAddToCart span {
    font-size: 1.3rem;
    font-family: Poppins, HelveticaNeue, Helvetica Neue, sans-serif;
    font-weight: 600;
    margin-left: 7px;
    color: #222;
    text-transform: none;
    margin-right: 20px;
}

and save the code

Thanks

[Rahul_dhiman]

Hello @dreamtechzone_5
Go to online store ----> themes ----> actions ----> edit code ----> assets —> theme.scss.css.css
add this code at the end of the file and save.

.item-product .formAddToCart .btnAddToCart span {
margin-left: 7px !important;
margin-right: 10px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[websensepro]

Hi @dreamtechzone_5

1. Go to Online Store → Theme → Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

[dreamtechzone_5]

Great. It worked. Thank you.