What's your biggest current challenge? Have your say in Community Polls along the right column.

How do I add a background image to my about About Us page Turbo Theme

Solved

How do I add a background image to my about About Us page Turbo Theme

Only1mrsfragili
Trailblazer
169 3 51

Hello, 

 

Can someone please tell me how to add a background image to my "About Us" page.  My store url is projects817.com

 

Accepted Solution (1)

Litos
Globetrotter
688 169 149

This is an accepted solution.

Hi @Only1mrsfragili,

Please follow the steps below:

- Step 1: Upload background image at Assets.

- Step 2: Go to theme.liquid file and add code here:

Screenshot.png

Code:

{% if page.handle == 'about-us' %}
      <style>
        #shopify-section-template--14869219573898__main {
          background-image: url({{ 'background.png' | asset_url }});
          background-position: center;
          background-size: cover;
        }
      </style>
    {% endif %}

Hope it helps!

Litos - Shopify Development Service Provider
Need to develop or customize your Shopify store, feel free to contact us here.

View solution in original post

Replies 2 (2)

Litos
Globetrotter
688 169 149

This is an accepted solution.

Hi @Only1mrsfragili,

Please follow the steps below:

- Step 1: Upload background image at Assets.

- Step 2: Go to theme.liquid file and add code here:

Screenshot.png

Code:

{% if page.handle == 'about-us' %}
      <style>
        #shopify-section-template--14869219573898__main {
          background-image: url({{ 'background.png' | asset_url }});
          background-position: center;
          background-size: cover;
        }
      </style>
    {% endif %}

Hope it helps!

Litos - Shopify Development Service Provider
Need to develop or customize your Shopify store, feel free to contact us here.
Only1mrsfragili
Trailblazer
169 3 51

It worked!  Thank you so much!