Get buttons within multi-column to be same as image with text

Topic summary

A user is experiencing inconsistent button styling in their Squarespace multi-column section—buttons display with different font colors and lack the outline present on other site buttons.

Issue Details:

  • Multi-column buttons don’t match the standard button appearance elsewhere on the site
  • Missing outline/border styling
  • Font color discrepancy

Solutions Provided:

  1. Check Settings: One responder suggests verifying that the button isn’t currently disabled in the section settings

  2. CSS Modification: Another provides specific code instructions:

    • Navigate to: Online Store → Themes → Actions → Edit Code → Assets → section-multicolumn.css
    • Locate line 53 within the media query @media screen and (min-width: 750px)
    • Add CSS properties for .multicolumn .button including:
      • margin-top: 4rem
      • border: 3px solid black
      • opacity: 1.5
      • font-size: larger

The discussion remains open with no confirmation from the original poster about whether either solution resolved the styling inconsistency.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.

Hi! some how the buttons on my multi-column are a different font colour and don’t show an outline. What code can I add so it’s standardised with other buttons across my site?

Current:

To look like:

Shopify URL: https://65a186-44.myshopify.com/

Password: meerew

Hi @letsgetwasted , Please check your settings and the button is currently disabled

Hello @letsgetwasted
Go to online store ---------> themes --------------> actions ------> edit code-------> assets------>section-multicolumn.css ------> line number 53

and the result will be

@media screen and (min-width: 750px) {
    .multicolumn .button {
        margin-top: 4rem;
        border: 3px solid black;
        opacity: 1.5;
		font-size: larger;
    }
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks