What's your biggest current challenge? Have your say in Community Polls along the right column.

How do I alight product title and price on Boundless theme

Solved

How do I alight product title and price on Boundless theme

JP12we5
Tourist
23 0 6

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

Accepted Solution (1)

DaisyVo
Shopify Partner
988 126 141

This is an accepted solution.

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
Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Replies 6 (6)

Guleria
Shopify Partner
3689 741 1038

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

- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder
JP12we5
Tourist
23 0 6

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 

DaisyVo
Shopify Partner
988 126 141

This is an accepted solution.

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
Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
JP12we5
Tourist
23 0 6

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?

 

DaisyVo
Shopify Partner
988 126 141

Hi @JP12we5 

 

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

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
JP12we5
Tourist
23 0 6

thank you very much