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:
Solutions Provided:
Check Settings: One responder suggests verifying that the button isn’t currently disabled in the section settings
CSS Modification: Another provides specific code instructions:
section-multicolumn.css@media screen and (min-width: 750px).multicolumn .button including:
margin-top: 4remborder: 3px solid blackopacity: 1.5font-size: largerThe discussion remains open with no confirmation from the original poster about whether either solution resolved the styling inconsistency.
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
