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

Solved
Only1mrsfragili
Pathfinder
126 3 30

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 168 135

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 168 135

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
Pathfinder
126 3 30

It worked!  Thank you so much!