How Do I Add Image Background To A Button?

[November3]

This is Section.template page, I’m trying to add Image background to the Button.

Any ideas how to add Image to this Custom HTML section? see image below >>

Website page- https://kitojewlery.com/

Password: 123456

[erizil]

i have also faces struggled to add background image on the button on my client downloader website. the i got a video who helped me resolve this issue

[PageFly-Lucas]

Hi @November3

This is Lucas from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file → Save

div#shopify-section-page-sections-template {

background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS8sFlUvJ9Evx__nxbTMBZVUPQD9p78SmjYlg&usqp=CAU);

background-size: cover;

background-repeat: no-repeat;

background-position: center;

}

Hope that my solution works for you.

Best regards,

Lucas| PageFly

[November3]

Thanks for your reply @PageFly-Lucas , ive tried to use this code but it didnt work for me

[PageFly-Lucas]

You can try again this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: paste bellow code in tag → save.

div#shopify-section-page-sections-template { background-image: url([https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS8sFlUvJ9Evx__nxbTMBZVUPQD9p78SmjYlg&usqp=CAU](https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS8sFlUvJ9Evx__nxbTMBZVUPQD9p78SmjYlg&usqp=CAU)) !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; }