Hi Moeed,
Thank you for this. Is there a way to also center the buttons please?
Best wishes,
Becky
Topic summary
Customizing the Shopify “Text Columns with Images” section to: (1) change button color, (2) center text under images, and (3) make images clickable to specific pages.
Proposed approaches:
- Edit theme.liquid (Online Store > Edit code) and add custom code before the tag. One reply referenced this with a result screenshot, but the actual code wasn’t visible in the post.
- Add a CSS block before to: center headings (h3.h4 { text-align: center !important; }) and change secondary button text color (.btn–secondary { color: #b24b59 !important; }).
Follow-up and gaps:
- OP requested guidance to also center the buttons; no specific CSS or solution provided yet.
- Making the images clickable to their respective pages has not been addressed.
Notes:
- The shared CSS alters button text color, not background color.
- Screenshots were included to show results, but are not essential to apply the steps.
Status: Partially addressed. Headings can be centered and secondary button text color changed; button centering and clickable images remain unresolved. Another user added an unrelated request about replacing a button with a brand image.