Adding Background Image To multicolumn section

Store Design
1

is there a way to add a custom background to the multicolumn sections? its plain colors now but want to add custom images for better style.

let me know if u can help!!

website - https://the-style-luxe.myshopify.com/

password - reucho

hasanali1_0-1679523218919.png
hasanali1_0-1679523218919.png1210×539 82.3 KB

2

Hi @hasanali1

This is Mike from Omega

If you want to change ONLY this section you can try my solution:

  1. Open Theme → Edit code.

  2. Open theme.liquid and paste code below to above the tag

You can change text “CHANGE_URL_HERE” by the url of image you want.

Hope my answer will help you

Mike from Omega

3

Hi @hasanali1

I would like to give you a solution.

  1. Go to Online Store → Theme → Edit code. https://prnt.sc/js2u9lX4TESb

  2. Open your base.css in the Assets folder.

  3. Paste the below code at the end of the file.
    (Change YOUR_IMAGE_LINK by an image link)

#shopify-section-template--18422377709879__ec986e4b-285d-4b0e-b6d0-b0200fe50e22 .multicolumn.color-accent-2.gradient {
    background-image: url(YOUR_IMAGE_LINK);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: unset;
}

Result:

GemPages_0-1679537509753.png
GemPages_0-1679537509753.png1469×849 250 KB

Best regards,
GemPages Support Team