Multicolumn heading placement & Button move it up

[Shane_h]

Hi We are trying to figure out with no joy how to move the  heading text and button within the multicolumn towards the top and wondered if anyone can offer solutions please 

would  prefer only to change this multicolumn 

we are using charge theme

thanks

[Abdosamer]

Hi @Shane_h , can you share your store url?

[Shane_h]

sure its in design ATM and it's this page https://dtf2u.co.uk/collections/dtf-by-size

[Abdosamer]

@Shane_h , go to styles.css and add the following code :

#shopify-section-template--23104031064393__multicolumn_McYx86 .multicolumn-card__image-contain {
    flex-direction: column-reverse;
    align-items: self-start !important;
}

Result:

[Shane_h]

Thankyou how do i bring it down a bit ?

[Abdosamer]

@Shane_h , Add the following code :

#shopify-section-template--23104031064393__multicolumn_McYx86 .multicolumn-card__image-contain .multicolumn-card__content {
    margin-top: 2rem !important;
}

[Shane_h]

Maybe im missing something - couldnt get it to work ? thankyou

[Abdosamer · Accepted solution]

@Shane_h , Add this code to the custom css for that section:

#shopify-section-template--23104031064393__multicolumn_McYx86 .multicolumn-card__image-contain {
    flex-direction: column-reverse;
    align-items: self-start !important;
}


#shopify-section-template--23104031064393__multicolumn_McYx86 .multicolumn-card__image-contain .multicolumn-card__content {
    margin-top: 2rem !important;
}