Re: How can I center body text for my product cards in Capital theme?

raidednz · ‎04-08-2024

I'm wanting to center the product text in my product cards on my home page but there is no option is my theme settings. I am using the Capital theme, what do I do?

ThePrimeWeb · ‎04-08-2024

Hey @raidednz,

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.product-item-details.below {
    text-align: center !important;
}
</style>

Screenshot is for reference only, the correct code to paste is the one shown above.

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Hardik29418 · ‎04-08-2024

@raidednz please provide website url.

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!

- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email

ThePrimeWeb · ‎04-08-2024

Hey @raidednz,

Can you share the link to your store? If it's password protected, please remove it or share the password temporarily. If the theme is not published, please share a preview link.

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

raidednz · ‎04-08-2024

Hey @ThePrimeWeb ,

Yep of course

https://4c5324-2.myshopify.com/?_ab=0&_fd=0&_sc=1

password: password123

ThePrimeWeb · ‎04-08-2024

Hey @raidednz,

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.product-item-details.below {
    text-align: center !important;
}
</style>

Screenshot is for reference only, the correct code to paste is the one shown above.

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

raidednz · ‎04-08-2024

It worked! Thank you so much @ThePrimeWeb 🙂

Hardik29418 · ‎04-08-2024

Please Go to

1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>

<style>
.product-item-details .product--item-title {
text-align: center;
}
</style>

If my solution works, then please like and accept it as a solution.

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!

- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email

Re: How can I center body text for my product cards in Capital theme?

How can I center body text for my product cards in Capital theme?

☕Buy me a coffee☕

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!

☕Buy me a coffee☕

☕Buy me a coffee☕

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!

Community Blog Articles