I want to add a background image to this pagewhere sphere is rotating

I want to add a background image to this pagewhere sphere is rotating

swawestore
Excursionist
58 0 6

how to add a background image behind the sphere rotating on my homepage of website https://swawe.store/Screenshot 2024-07-04 at 20.23.42.png

Replies 3 (3)

oscprofessional
Shopify Partner
15938 2383 3092

Hello @swawestore 

 

Here is the HTML and CSS you can add to the sphere section:

<div class="background-image">
     <div class="container">
          <div class="sphere"></div>
     </div>
</div>

 

<style>
.background-image {
     background: url('<Enter your background-image URL>');
     background-repeat: no-repeat;
     background-size: cover;
}
</style>

 

Hope this works.
Thank you!

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
swawestore
Excursionist
58 0 6

where to add this code?

oscprofessional
Shopify Partner
15938 2383 3092

Hello @swawestore ,

Inside your theme files (Go to Online Store > Themes > Actions > Edit code) where that section will be created, also if you don't understand, please share access we will do it for you.

Thank you !!

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free