Center Product Title and Price Under Product Image in Collections

[Kr7]

I found it, thanks anyway !

[kailasachse]

@Kr7 Great! What ended up being your fix?

[suyash1]

@kailasachse I can help you with css, feel free to reply/contact.

[Bal_1]

Thanks for sharing the codes, I have tried a dozens and this is the only one works.

The title and price on collection page is finally center, but the code also center the price on product pages, is there any way to keep the price left on product page?

Thank you!!

[KBookstore]

Hi, tried countless codes from the suggestions but nothing works. Here’s our website: https://thekitchenbookstore.com/

Theme is Motion

We would want to center align the product name and cost plus if we can add an “add to cart” button.

Thank you in advance.

[suyash1]

@KBookstore - you want link this?

also add to cart can be added but will need some coding changes

[gkhau]

Anyone know how to center my reviews under my title? The review is from an app called Judge.me.

Here’s my website: pampasgal.com

[Skyfall_1]

Hi,

This works with my store as well!

Now there’s another item and that is how to push back the Original Price?

Also, how do we remove the SALE symbol throughout the site?

I’m using the same DEBUT theme.

Thank you!

[Skyfall_1]

Thanks for your post @suyash1 . They really help. The code that suppose to center price (recommended products) didn’t work for me. It turns out to be like this:

Only the sale symbol got larger but I want to delete that anyway.

How can I center the price and remove the SALE symbol?

Thanks!

[knuths]

The code won’t move my brand name to the center.. how do I fix this

[Jackie_Morales]

Hi, I wanted to know if anyone would be able to help me. I’ve been looking through the thread and tried all the recommended codes, but to no avail. I am trying to get the product title and price centered. The closest I got was the one with red underlining.

Here is the link to the website: https://monkpunk.com/

Thank you in advance.

[suyash1]

@Jackie_Morales - add this to the very end of theme.scss file and check

dl.price {width: 100%;}

[Jackie_Morales]

it worked, thank you so much!

[suyash1]

@Jackie_Morales - welcome

[Emmalouise]

this code worked but it also centered the price on the product page which i do not want, can someone help me?

[Ljkeos]

This was on page one of the thread–add this:

.template-product dl.price{align-items: flex-start;}

[gracema]

Hello,

Could you please let me know if there is a code to eliminate the faint grey lines? After I added the new codes for center alignment these lines appeared

[suyash1]

@gracema - those need to be removed with css, can you please share your website page link where you have these lines?

[gracema]

@suyash1 please see below (its basically every page)

https://gracema.studio

https://gracema.studio/collections/all

https://gracema.studio/products/utility-half-zip-sweatshirt

[suyash1]

@gracema - please add this css and check

.filters-toolbar-wrapper {
    border-bottom: none;
    border-top: none;
}