All things Shopify and commerce
Hi all,
I want to align the text of the Multicolumn to be to the far left also I want to remove the grey boxes of the columns and make the columns fill out the whole section from left to right.
For Example, I want the columns to be like this:
This is how it currently looks:
Theme: Dawn theme
Store URL: https://cngdxq-tk.myshopify.com/
Thanks in advance,
Solved! Go to the solution
This is an accepted solution.
Hi @Mohd01
Try this one.
.multicolumn.background-primary .multicolumn-card {
background: transparent;
}
.multicolumn .page-width {
max-width: 100%;
}
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
To change the text position in a multicolumn layout, you can use CSS to adjust alignment, padding, or margins for better positioning. For example, you might use text-align, padding, or margin to tweak placement within the columns. Additionally, ensure responsive design by utilizing media queries to maintain proper alignment across different screen sizes. If you’re using a framework like Bootstrap, utilities like justify-content or align-items can be helpful. Always test the changes for cross-browser compatibility!
This is an accepted solution.
Hi @Mohd01
Try this one.
.multicolumn.background-primary .multicolumn-card {
background: transparent;
}
.multicolumn .page-width {
max-width: 100%;
}
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Hey! That worked but it didn't remove the grey box behind the text.
Oh add some !important like this or replace this one.
.multicolumn.background-primary .multicolumn-card {
background: transparent !important;
}
.multicolumn .page-width {
max-width: 100%;
}
And Save.
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
That did it! Thanks alot for the help, I really appreciate it.
Hey, I'm really sorry for the bothering but I have one last question. Do you by any chance know how to make the "RELIEVE PAIN NOW" button on the homepage animation like this website:
https://comfypuppy.co/
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025