Can I create a custom image background button in Brooklyn?

Hi,

is it possible to create a custom button with an image as background? See example below

@KetanKumar @Zworthkey could you help with this?

@ZestardTech

1 Like

@Ellen13

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

My website is https://www.rosieantwerp.com/

I would like to use following img as background of my button
button.png

1 Like

@Ellen13

great

can you please sent cdn image lin please

Do you mean this?

https://cdn.shopify.com/s/files/1/0562/7822/0953/files/button.png?v=1646046572

1 Like

@Ellen13

thanks can you please confirm

Yes, this looks right! Maybe a little bit bigger

1 Like

@Ellen13

great thanks

if this design whole site or any special section button

Only for the homepage buttons!

@KetanKumar did you find a way to do this?

1 Like

@Ellen13

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.template-index .btn {
    background: url(https://cdn.shopify.com/s/files/1/0562/7822/0953/files/button.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    color: #000;
    font-family: "RosieReg" !important;
    font-weight: 600;
    font-size: 20px;
}