How to change colour of column in multi column

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)

Hi @deluc004

Is this multicolumns visible on the online store? If its not publish would you mind to share the preivew. Thanks!

https://flowpure.co.uk/products/faucet-tap-water-purifier-physical-filtering-for-home-kictchen-2-filter-element-removable-washable-filter-water-purifier-aerator

right at the bottom of the page

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

I just like to clarify.

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

Cant fidn it, the bottom is the review.

Seems like you are working on the different themes.

does the same code not apply?

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
  2. Select the theme you want to edit
  3. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  4. 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;
}

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

Do you mean like this?

Same Instruction:

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

And Save.

You can change the background color you want.

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?