How do I align icons in multicolumn

mOONbOOTS · ‎09-21-2024

Hello,

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

mOONbOOTS · ‎09-22-2024

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

BSS-TekLabs · ‎09-21-2024

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 · ‎09-21-2024

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 · ‎09-21-2024

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 · ‎09-21-2024

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 · ‎09-22-2024

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

How do I align icons in multicolumn

How do I align icons in multicolumn

Community Blog Articles