Multicolumn Section

Topic summary

Multicolumn section styling in a Shopify theme: requester wants the card background changed from grey to black, text to white, and the entire button/card area to be clickable.

Proposed approach: a CSS snippet targeting a specific section ID sets the card background to black and the link text to white. It also attempts to make the anchor tag fill the card by setting display:block with 100% width/height and padding.

Progress: color changes worked and look correct based on shared screenshots. The “make the whole area clickable” change altered layout by enlarging the area rather than turning the entire card into a single clickable region.

Context: “Multicolumn” refers to a theme block of cards; making the whole area clickable typically requires the anchor to overlay or wrap the card content, not just expand via CSS.

Outcome: no finalized solution yet; last message is encouragement without a fix. Status: open.

Artifacts: screenshots illustrate before/after; the CSS snippet is central to understanding the issue.

Summarized with AI on December 14. AI used: gpt-5.

Hello guys,

Is there anyway that i can change the background from grey to black and the text to white?

And i also only can click on that text but not on the full button, is there also maybe a code?

If anybody could help me here i would be really really thankful.

Website: hoodlovevintage.de

PW: hoodliebe2024

Hey man, did somebody build your shop for you?

Maybe try the following CSS (as in previous thread) but this won’t be easy:

/* Change background to black and text to white */
#shopify-section-template--23934807802195__multicolumn_DVY4P7 .multicolumn-card {
    background-color: black !important;
}

#shopify-section-template--23934807802195__multicolumn_DVY4P7 .multicolumn-card__info a {
    color: white !important;
}

/* Make the whole button area clickable */
#shopify-section-template--23934807802195__multicolumn_DVY4P7 .multicolumn-card__info a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px;
    text-align: center;
}
1 Like

Thank you for your time man.

No, i’m building it by myself (and with the help from people like you) and it’s my first Shopify store so i’m really new into this.

with the color it worked and it looks great

But when i add the other code to get the whole area clickable the area just get bigger like this:

Idk if you like or have time to find what the issue is there, but thank you very much for your help so far!!

Have a nice one

Keep it up - you’re doing a great job with the store! :flexed_biceps: