Multicolumn text position

Solved

Multicolumn text position

Mohd01
Excursionist
51 0 4

Hi all, 

I previously added a code to align the text of a multicolumn to be to the far left and to remove the grey boxes of the columns. However, that code now applies to all the multicolumns i add after which I don't want to happen. I only want the code to apply for that specific multicolum. So if anyone knows how to add that I would really appreciate any help!
Store URL: https://cngdxq-tk.myshopify.com/
Theme: Dawn theme

Thanks in advance!

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
9885 2354 2953

This is an accepted solution.

Got it, try this one. 

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.section-template--18094115750084__multicolumn_466QtX-padding {
    max-width: 100%;
}

.section-template--18094115750084__multicolumn_466QtX-padding .multicolumn-card {
    background: transparent !important;
}

 

  • And Save.
  • Result:
  • Made4uoRibe_0-1737495243884.png

     

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 7 (7)

Made4uo-Ribe
Shopify Partner
9885 2354 2953

Hi @Mohd01 

Please, remove the code and let us know which specific multicolumn you only want to remove. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Mohd01
Excursionist
51 0 4

Hey! I removed the code and I want to align the text only for the "Why Choose US?" multicolumn. I want it to look like this 

Mohd01_0-1737494902280.png

 

 

 

Made4uo-Ribe
Shopify Partner
9885 2354 2953

This is an accepted solution.

Got it, try this one. 

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.section-template--18094115750084__multicolumn_466QtX-padding {
    max-width: 100%;
}

.section-template--18094115750084__multicolumn_466QtX-padding .multicolumn-card {
    background: transparent !important;
}

 

  • And Save.
  • Result:
  • Made4uoRibe_0-1737495243884.png

     

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Mohd01
Excursionist
51 0 4

Hey that worked, Thanks! By the way, do you have any idea about how to add icons on top of the headers on a multicolumn

Made4uo-Ribe
Shopify Partner
9885 2354 2953

Please don't forget to Like and Mark Solution to the post that helped you before we proceed to other topics.

What icons? We can use icon codes or image. Which side of the header lefr or right? 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Mohd01
Excursionist
51 0 4

Hi @Made4uo-Ribe I want to add a small icon on top of each header on the multicolumn section. I want to add a heart icon on top of the first column which is "We care" and a handshake icon on top of the second column which is "We commit" and finally a package icon on top of the third column which is "We deliver". 
You can use this website for the icons: https://www.flaticon.com/free-icons/heart

Mohd01_0-1737539350370.png

 

Mohd01_1-1737539350465.png

 

Mohd01_2-1737539350363.png

 

DaisyVo
Shopify Partner
3795 412 499

Hi @Mohd01 ,

 

May I ask for the specific multicolumn that you want to edit? And which page it is?

 

Best,

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution