How do I align icons in multicolumn

Hello,

Does anyone know how I can align icons in multicolumn? I am using the stock multicolumn from the Dawn Shopify theme.

2 Likes

Hello @mOONbOOTS
Our team is ready to help you.
Please share your website URL so that we can check and assist you.

Check the column settings: Ensure equal spacing and alignment within each column.
Use CSS: Add custom CSS to target the icon class and adjust margin/padding for alignment.

For precise guidance, share your store URL and specify the section/page.

1 Like

Hi @mOONbOOTS

Would you mind sharing your store URL? Thanks!

Can l no more about your grand?

Thanks for the replies! I was able to achieve the result I was looking for by adding custom CSS:

h3.inline-richtext {
    text-align: center; /* Centers the text within the h3 element */
    margin-left: auto;  /* Centers the h3 element horizontally */
    margin-right: auto; /* Centers the h3 element horizontally */
    display: block;     /* Ensures the h3 takes up the full width available */
}