How do I change my background to my own photo?

Shopify Discussion

Topic summary

A user wants to add a custom background image to their Shopify store instead of using a solid color, but their theme only provides color options.

Solutions Provided:

  • Custom CSS Method: Navigate to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS, then paste code targeting .brick__block__text with background-image: url() property. Replace the URL with the desired image and adjust text color for visibility.

  • Step-by-Step Guide: A community member shared a detailed tutorial from HulkApps explaining how to access Shopify admin and upload background images.

Key Notes:

  • The conversation includes code snippets and screenshot links demonstrating the implementation
  • Text appears partially reversed/encoded in the original posts but solutions focus on CSS customization
  • No confirmation yet on whether the solutions resolved the issue
Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

Hi there, as what the title says.. how do I change the background of this into my own photo instead of just a solid color? I want to put a background photo that resonates with my brand. My shopify theme only gives me the option to change the color to just a solid color.

Can anyone help? My website is www.suvski.com

Thanks!

Screen Shot 2024-11-12 at 1.51.00 PM.png
Screen Shot 2024-11-12 at 1.51.00 PM.png2878×1450 299 KB

2

Hi @iceymonski

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.brick__block__text {
    background-image: url("https://fastly.picsum.photos/id/515/1000/1000.jpg?hmac=nlqAaYKboIH8pVSMqjefswOqYErS-1Hu0ZUbI68lXtY");
    background-position: center;
}
.brick__block__text * {
    color: white !important ;
}

Here is the result: https://prnt.sc/1_41jPCZvPFL

You can change the URL by the URL of the image that you want to add and the color of the text inside the image

I hope this helps

Best,

Daisy

1 Like
3

Hey there @iceymonski check out this simple step by step guide on how to do it here https://www.hulkapps.com/blogs/shopify-hub/successfully-personalize-your-shopify-store-how-to-add-a-background-image#:~:text=Access%20your%20Shopify%20admin%20area,to%20upload%20your%20background%20image.

Let me know if this works for you!