I need some help in customising my multicolumn section so that it has letter spacing and padding
Topic summary
Goal: add letter spacing and padding to a Shopify Multicolumn section.
Key guidance:
- Code file edit: Add CSS in Online Store > Themes > Edit code > section-multicolumn.css targeting links within multicolumn cards:
.multicolumn-card.content-container.inline-left .inline-richtext a, .multicolumn-card.content-container.inline-right .inline-richtext a { letter-spacing: 2px; }(addresses letter spacing for links only). - Theme Editor method: Online Store > Themes > Customize > select the Multicolumn section > Custom CSS, then add your styles. A screenshot was provided to show where to input Custom CSS.
- Broader CSS example (covers both needs):
.section-multicolumn .column { letter-spacing: 2px; padding: 20px; }(CSS = Cascading Style Sheets).
Requests for details:
- Clarification of the exact issues and a request for the store URL/password to tailor help.
Status and next steps:
- No confirmation from the original poster; solution not yet verified. Suggested next actions are to try the Custom CSS approaches or share the site details for targeted assistance.
1 Like
@robertsolcan thanks for posting here, which issues are you facing for multi-column sections?
2 Likes
Hello @robertsolcan
use this CSS Online Store----------------> Themes--------------------> Edit code-----------------> Find file “section-multicolumn.css” add this CSS at the very bottom
.multicolumn-card.content-container.inline-left .inline-richtext a, .multicolumn-card.content-container.inline-right .inline-richtext a {
letter-spacing: 2px;
}
Please let me know
Thanks
1 Like
This is Noah from PageFly - Shopify Page Builder App
Hi @robertsolcan I can help you. Please can you provide the website url (and password if have). Thank you.
Best regards,
Noah | PageFly
1 Like
You can utilize the custom CSS feature within custom themes to add your desired styles.
Link: Online Store => Themes => Themes => Click “Customize” in your current theme => click your section (Multicolumn) => Custom CSS
If you encounter any further difficulties, please feel free to contact me via email or inbox. I will be to assist you.
1 Like
To adjust letter spacing and padding in your multicolumn section, you’ll need to use custom CSS. Here’s a basic example:
.section-multicolumn .column {
letter-spacing: 2px;
padding: 20px;
}