Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How to change colour of column in multi column

How to change colour of column in multi column

deluc004
Excursionist
40 1 8

How do you change colour of just the column in the multi column when show as column background is enabled. Also how to align the inner headline to the left (where it says column)

Screenshot 2024-06-29 at 19.52.18.png

 

Replies 10 (10)

Made4uo-Ribe
Shopify Partner
9043 2160 2665

Hi @deluc004 

Is this multicolumns visible on the online store?  If its not publish would you mind to share the preivew. 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.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
Made4uo-Ribe
Shopify Partner
9043 2160 2665

Thanks for the info, I see 3 multicolumns in this page. Do you want them to change all? 

Made4uoRibe_0-1719690921067.png

I just like to clarify. 

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.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
deluc004
Excursionist
40 1 8

No just the last one right at the bottom of the page

Screenshot 2024-06-29 at 21.08.04.png

Made4uo-Ribe
Shopify Partner
9043 2160 2665

Cant fidn it, the bottom is the review. 

Made4uoRibe_0-1719692848680.png

Seems like you are working on the different themes. 

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.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
deluc004
Excursionist
40 1 8

does the same code not apply?

Made4uo-Ribe
Shopify Partner
9043 2160 2665

We can change the specific multicolumn section, or we can change all the multicolumns. If you like to change all the mutlicolumns check this code. 

  1. From you Admin page, go to Online Store > Themes
  1. Select the theme you want to edit
  2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  3. Then place the code below at the very bottom of the file.

 

.multicolumn-card__info .rte p {
    text-align: left;
}

.multicolumn-card__info h3 {
    color: red;
}

 

  • And Save. 
  • Result
    Made4uoRibe_0-1719695044203.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.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
deluc004
Excursionist
40 1 8

No sorry, i want to change the background colour of the card without changing the main background colour, does this make sense?

Made4uo-Ribe
Shopify Partner
9043 2160 2665

Do you mean like this? 

Made4uoRibe_0-1719695775825.png

Same Instruction:

.multicolumn-list__item {
        background: aquamarine;
        padding-top: 10px;
 }

And Save. 

You can change the background color you want. 

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.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
deluc004
Excursionist
40 1 8

Perfect now i would like to do it to this specific part. (This is the published theme) Also how do i allign the headers in the columns to the left?

Screenshot 2024-06-29 at 22.34.16.png