question about formatting "image with text" section of theme

Solved
ransackery
Excursionist
13 0 2

Hi, I am using the "Supply" theme (with modifications). My site is here:

monkeyjacktradingcompany.com

On the home page, there is an "image with text" section about the slider. Is there a way for me to add a custom background color to this section? Better yet, a custom image as the background to this section? If you look at etsy.com and scroll part way down their page, there is a "mother's day gifts 2021" section that has a greenish ripped paper bg image to it - I am trying to do something similar. If the "image with text" section is unable to do this, can I do it with a custom html section?

Appreciate the feedback. Thank you as always.

Scott

KetanKumar
Shopify Partner
18896 1985 6993

@ransackery 

do you mean like this?

KetanKumar_0-1620366166448.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ransackery
Excursionist
13 0 2

Yes, I could work with that. ☺️

Can I place a bg image also?

0 Likes
Natztech
Shopify Partner
887 240 660

This is an accepted solution.

hello @ransackery 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 

.template-index  #shopify-section-1620328138b7588014{
    background-color: #ddebe3 !important;
    }

 .template-index  .lazyload__image-wrapper{
    max-width: 450px !important;
    max-height: 100% !important;
}

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
ransackery
Excursionist
13 0 2

I'll give that a try soon as I get back to the computer. To specify an image, do I just replace the bg color with bg image and link?

0 Likes
ransackery
Excursionist
13 0 2

Awesome. I tried and works great. I was able to put in the "background-image:url('https://cdn.shopify.com/change-to-your-filepath/image.jpg');" and it worked with an image also.

Can I make this section go 100% wide like the header and header menu bar?

-Scott

0 Likes