How do I align icons in multicolumn

Store Design
,
1

Hello,

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

Screenshot_21-9-2024_122335_pokeabowl.com.jpeg
Screenshot_21-9-2024_122335_pokeabowl.com.jpeg1663×246 11.5 KB

2 Likes
2

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

3

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
4

Hi @mOONbOOTS

Would you mind sharing your store URL? Thanks!

5

Can l no more about your grand?

6

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 */
}