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 </body> -> save.

<style>
div#shopify-section-page-sections-template {
background-image: url(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;
}
</style>