Multicolumn heading placement & Button move it up

Store Design
,
1

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

Screenshot 2025-02-14 174131.jpg
Screenshot 2025-02-14 174131.jpg1365×663 79.5 KB

thanks

1 Like
2

Hi @Shane_h , can you share your store url?

3

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

1 Like
4

@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:

Abdosamer_0-1739557238780.png
Abdosamer_0-1739557238780.png1251×716 584 KB

5

Thankyou how do i bring it down a bit ?

6

@Shane_h , Add the following code :

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

Screenshot 2025-02-14 200724.png
Screenshot 2025-02-14 200724.png1110×227 35.7 KB

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

1 Like
8

@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;
}