Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: How do I align icons in multicolumn

Solved

How do I align icons in multicolumn

mOONbOOTS
Explorer
79 6 11

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

Accepted Solution (1)

mOONbOOTS
Explorer
79 6 11

This is an accepted solution.

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

View solution in original post

Replies 5 (5)

BSS-TekLabs
Shopify Partner
2350 688 810

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

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

Titilayotizzy
Shopify Partner
2 0 1

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.


Helping business owners maximize their Shopify store's potential through customized solutions and result-driven strategies. Let's work together to transform your e-commerce dreams into reality

Facebookhttps://tinyurl.com/ycy8nbuj

Made4uo-Ribe
Shopify Partner
9079 2170 2679

Hi @mOONbOOTS 

Would you mind sharing your store URL? Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
Titilayotizzy
Shopify Partner
2 0 1

Can l no more about your grand?

 


Helping business owners maximize their Shopify store's potential through customized solutions and result-driven strategies. Let's work together to transform your e-commerce dreams into reality

Facebookhttps://tinyurl.com/ycy8nbuj

mOONbOOTS
Explorer
79 6 11

This is an accepted solution.

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