All things Shopify and commerce
Hello,
Does anyone know how I can center the text in the circled box and change the colors of the product columns to a different color? I would like the color to be dark pink with white text for the product columns.
Thank you in advance!
Solved! Go to the solution
This is an accepted solution.
Hi @Muselabel
You can follow this instruction:
1. Go to Shopify > Theme > Customize
2. Copy and paste this code on Theme settings > Custom CSS section
.complementary-products__container * {
text-align: center !important;
}
.complementary-products__container .card__content .quick-add {
justify-self: center !important;
}
.complementary-products__container ul.list-unstyled li .card-wrapper.product-card-wrapper .card.card--card.card--media {
background: deeppink !important;
}
Result:
Best,
Esther
Hello @Muselabel
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.
.summary__title {
text-align: center !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
This is an accepted solution.
Hi @Muselabel
You can follow this instruction:
1. Go to Shopify > Theme > Customize
2. Copy and paste this code on Theme settings > Custom CSS section
.complementary-products__container * {
text-align: center !important;
}
.complementary-products__container .card__content .quick-add {
justify-self: center !important;
}
.complementary-products__container ul.list-unstyled li .card-wrapper.product-card-wrapper .card.card--card.card--media {
background: deeppink !important;
}
Result:
Best,
Esther
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025