Re: How do I align icons in multicolumn

Solved

How do I align icons in multicolumn

mOONbOOTS
Explorer
75 6 10

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
75 6 10

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 806

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
8739 2090 2563

Hi @mOONbOOTS 

Would you mind sharing your store URL? Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
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
75 6 10

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