Solved

Align to left the text in image-with-text

Good_Mood
Excursionist
42 0 7

Hi There,

 

In production page, i am trying to align the text in image-with-text section to the left to be inline with multicolumn section above, any help.

Good_Mood_0-1701878444443.png

 

Accepted Solution (1)
BSS-Commerce
Shopify Expert
3376 446 494

This is an accepted solution.

Hey @Good_Mood ,

Please insert this CSS into your CSS file:

 

#shopify-section-template--21652022984984__6fea3d58-fe6b-436f-bd88-f1171a662c04 .image-with-text__text-item.grid__item {
    transform: translate(-65px, 0px) !important;
}

 Hope it works @Good_Mood 

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

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

View solution in original post

Replies 8 (8)

Jack_Khan_Baba
Shopify Partner
75 7 13

share your store url 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Chat on WhatsApp: +923143054166
Need a Shopify developer? Hire us at naimatullahts335@gmail.com
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.

BSS-Commerce
Shopify Expert
3376 446 494

Hi @Good_Mood ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

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

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Good_Mood
Excursionist
42 0 7

sent to your inbox

BSS-Commerce
Shopify Expert
3376 446 494

Hey @Good_Mood ,

Insert this CSS snippet into your CSS file:

.title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin .title.inline-richtext {
    padding-left: 12px !important;
}


Here's the result:

view - 2023-12-08T092337.821.png

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

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Good_Mood
Excursionist
42 0 7

Hi BSS-Commerce,

 

Thanks for your time, but unfortunately the code didn't work, could you please recheck the site again.

 

Thanks

BSS-Commerce
Shopify Expert
3376 446 494

This is an accepted solution.

Hey @Good_Mood ,

Please insert this CSS into your CSS file:

 

#shopify-section-template--21652022984984__6fea3d58-fe6b-436f-bd88-f1171a662c04 .image-with-text__text-item.grid__item {
    transform: translate(-65px, 0px) !important;
}

 Hope it works @Good_Mood 

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

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Good_Mood
Excursionist
42 0 7

Perfect.