Re: How to add text in images of multi column (DAWN)

Solved

How to add text in images of multi column (DAWN)

NOT1
Shopify Partner
272 2 117

Like this for mobile 

NOT1_0-1726467494006.png

 

Accepted Solutions (2)

BSSCommerce-HDL
Shopify Partner
2305 833 904

This is an accepted solution.

Hi @NOT1

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.section-template--23255317348648__multicolumn_F3QPBf-padding li {
    position: relative;
}

.section-template--23255317348648__multicolumn_F3QPBf-padding ul.multicolumn-list li .multicolumn-card__info {
    position: absolute;
    bottom: 0;
    padding: 0 !important;
    left: 0;
    text-align: left;
    margin-left: 15px;
}

.section-template--23255317348648__multicolumn_F3QPBf-padding ul.multicolumn-list li .multicolumn-card__info a {
    color: #ffff;
}

.section-template--23255317348648__multicolumn_F3QPBf-padding ul.multicolumn-list li .multicolumn-card__info .icon-wrap {
    display: none;
}
</style>

 Here is result: 

BSSCommerceHDL_0-1726468984038.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

BSSCommerce-HDL
Shopify Partner
2305 833 904

This is an accepted solution.

@NOT1, No problem. Glad to help you 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 4 (4)

Bundler-Manuel
Explorer
240 15 28

Hey pal @NOT1 here are some steps that should help you do this-

1) First, go to Shopify admin then themes then click on customize

2) go to the “body” page then add “multicolumn” 

3) Click on a particular “column” inside the multicolumn section and then select the “add image” panel on the left

4) then upload the image 

Let me know if this works for you.

Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.

BSSCommerce-HDL
Shopify Partner
2305 833 904

This is an accepted solution.

Hi @NOT1

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.section-template--23255317348648__multicolumn_F3QPBf-padding li {
    position: relative;
}

.section-template--23255317348648__multicolumn_F3QPBf-padding ul.multicolumn-list li .multicolumn-card__info {
    position: absolute;
    bottom: 0;
    padding: 0 !important;
    left: 0;
    text-align: left;
    margin-left: 15px;
}

.section-template--23255317348648__multicolumn_F3QPBf-padding ul.multicolumn-list li .multicolumn-card__info a {
    color: #ffff;
}

.section-template--23255317348648__multicolumn_F3QPBf-padding ul.multicolumn-list li .multicolumn-card__info .icon-wrap {
    display: none;
}
</style>

 Here is result: 

BSSCommerceHDL_0-1726468984038.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

NOT1
Shopify Partner
272 2 117

Cảm ơn

BSSCommerce-HDL
Shopify Partner
2305 833 904

This is an accepted solution.

@NOT1, No problem. Glad to help you 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now