Put a image in background

Suco
Excursionist
103 0 13

Hello guys do you know how can I put a image in background 

Replies 5 (5)

PageFly-Amelia
Shopify Partner
346 105 149

Hello @Suco 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

Could you please share the URL link of your store and where you need to use a background image so we can check it for you?

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

Suco
Excursionist
103 0 13

pexels-pixabay-314726.jpg

 hi sure , I want to use just in the frist page 

https://492dea-24.myshopify.com/pages/landing-page-apr-25-23-07-50

pass Humblee3030

PageFly-Amelia
Shopify Partner
346 105 149

Hello @Suco 

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Store -> Themes -> Edit Code

Step 2: Choose file theme.liquid

Step 3: Add code above the tag </head>

<style>
#g2rRJ39TOG {
background-image: url(https://community.shopify.com/c/image/serverpage/image-id/448396i470F16F4A13EB044/image-size/medium?v=v2&px=400);
    background-repeat: no-repeat;
    background-size: cover;
}
</style>

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

Suco
Excursionist
103 0 13

Hi thanks for all but don’t work for me 😭😭

IMG_2417.png

BSSTech-Venture
Shopify Expert
495 130 152

Hi @Suco 

You can follow these steps: 

- Go to Online store -> Themes -> Edit code

- Find file theme.liquid

- Paste this code above tag </head> -> Click Save

{% style %}
      {% if template.name == 'index' %}
        body {
            background-repeat: no-repeat !important;
            background-size: cover !important;
            background-image: url("https://community.shopify.com/c/image/serverpage/image-id/448396i470F16F4A13EB044/image-size/medium?v=v2&px=400") !important;
        }
      {% endif %}
{% endstyle %}

  Hope my solution help you !

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development