Solved

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

raidednz
New Member
11 0 0

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?

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
2138 614 487

This is an accepted solution.

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.

ThePrimeWeb_0-1712587892966.jpeg

 

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

Replies 6 (6)

Hardik29418
Shopify Partner
2913 419 1081

@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
Shopify Partner
2138 614 487

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
New Member
11 0 0

Hey @ThePrimeWeb ,

 

Yep of course

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

password: password123

ThePrimeWeb
Shopify Partner
2138 614 487

This is an accepted solution.

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.

ThePrimeWeb_0-1712587892966.jpeg

 

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
New Member
11 0 0

It worked! Thank you so much @ThePrimeWeb 🙂

Hardik29418
Shopify Partner
2913 419 1081

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