How do I alight product title and price on Boundless theme

Shopify Discussion
,

Topic summary

A user needed help centering product titles and prices under product images on the Shopify Boundless theme. Previous CSS fixes from forums hadn’t worked.

Solutions Provided:

  • Guleria’s approach: Add CSS code to the theme.scss.css file targeting .product-item__link .product-item__meta__inner with text-align: center !important for screens wider than 990px.

  • DaisyVo’s approach: Navigate to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS and paste similar CSS targeting span.product-item__meta__inner *.

Outcome:

DaisyVo’s solution worked immediately for the user. The user also requested additional help with:

  • Creating custom code for a product image slider (right-to-left on mobile)
  • SEO optimization to boost sales

DaisyVo offered to continue assistance via live chat (available 24/7). Issue resolved for the original centering problem.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

Hello, I am having an issue with theme Boundless and I have tried sooooo many fixes including css pastes found on here and nothing works to put the product title and price centered under the product image. please help anyone

page example: Hats page

2

Hello @JP12we5 ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your theme.scss.css file and paste the following code at the bottom:

@media only screen and (min-width: 990px) {
.product-item__link .product-item__meta__inner{
        text-align: center !important;
}
}

If problem solved don’t forget to Like it and Mark it as Solution!
And if you need help with customization/code part you can contact me for services

You can find the email in the signature below.

Thanks

3

HI @JP12we5

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
span.product-item__meta__inner * {
    text-align: center !important;
}

Here is the result: https://prnt.sc/njNeu3LNpomE

I hope this helps

Best,

Daisy

1 Like
4

This worked immediately, thank you! I am also going to try to Avada, definitely need help with seo to boost sales and if I can work with you that would be great, any contact info?

5

Thank you for the reply and help Guleria. I do need help with creating a customization code for product slide in image from the right to left of the home page, I have an example here that shows up when views only on mobile. example to view on mobile

6

Hi @JP12we5

You can meet me via live chat :heart: We are available 24/7 so if you need any help please let us know

Best,

Daisy

1 Like
7

thank you very much