The Multicolumn section in Shopify is a great way to display content in a structured layout, whether it’s features, testimonials, or product highlights. However, depending on your theme, the title of the multicolumn section might be aligned to the left by default.
The basic free Shopify themes don’t have an option to adjust the alignment of the multicolumn title. Fortunately, you can align the multicolumn title easily using a small CSS tweak.
Method 1: Change The Title Alingment Directly On The Multicolumn Section
This option is simple and avoids editing the theme code. Easily add the following code to the Custom CSS setting included in the multicolumn options.
.multicolumn .title {
margin: 0 auto;
}This method is the simplest and works great if you only need to customize one announcement bar. If you want to modify several bars with just one tweak, follow the next method.
Method 2: Add Custom CSS To The Global Theme Settings
If you have several multicolumn sections and want to customize them all with the same changes, add the code to the Theme Settings Custom CSS option instead.
You can find it by clicking the gear icon in the Theme Editor’s left sidebar menu and going all the way down until you find the Custom CSS option.
Add the following code, and all your multicolumn titles will be adjusted instantly.
.multicolumn .title {
margin: 0 auto;
}Aligning your multicolumn title is a small tweak that can make a big difference in your store’s appearance and readability. Whether you use theme settings or custom CSS, you now have full control over how your message is displayed.
Need more help? Feel free to reach out!