Hi, I have featured products on each collection. However, I am trying to make the Product Title, Price and “View Full Details” link to be center aligned in that block itself (both horizontally and vertically). How can I do that? Thanks in advance! [Featured product title.jpg]

Hello There, In your Shopify Admin go to online store > themes > actions > edit code Find Asset > base.css and paste this at the bottom of the file: .product__info-container { text-align: center; } .product__info-wrapper.grid__item.scroll-trigger.animate--slide-in { margin-top: 13%; } [ZestardT…

Hi, @boltandchisel . Kindly Share your store URL and password.

Hello There, Please share your store URL and password. So that I will check and let you know the exact solution here.

https://boltandchisel.com/collections/lamps It’s not password protected. Thanks!

Hello there, You want like this. Hello There, In your Shopify Admin go to online store > themes > actions > edit code Find Asset > base.css and paste this at the bottom of the file: .product__info-container { text-align: center; } [ZestardTech_0-1689925383324.png]

Ooh nice, thanks! However, the current solution only aligns it to center horizontally. Is it possible to make it move to the center vertically?

Hi @boltandchisel This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea: Online Store ->Theme ->Edit code Assets ->Base.css .product__info-container { display: flex; flex-direction: column; align-items: center; } Hope you find my answer helpful! Bes…

Hi, @boltandchisel . You can try this code: it will be helpful to you Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom. .product__info-container { text-align: center; margin-top: 150px; } Result: [websensepro_0-1689926302736.png] If I managed to h…

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance. If helpful then please Like and Accept Solution.

Studio Theme -> Collection Page ->Featured Product: How To Center Align the Product Title and Price?

Store Design

boltandchisel July 21, 2023, 9:23am 10

Works perfectly, thanks!

Topic		Replies	Views
TASTE THEME: Center product title and price collection page MOBILE ONLY! Store Design design , customizations , collection-page , css , shopify-themes	3	30	December 16, 2023
How to centre align product name and price on debut Store Design customizations , collection-page , css , product-page	10	72	July 24, 2023
How to center collection title on Taste theme? Store Design	20	148	July 28, 2022
How to center product listings and prices on collection pages? Store Design collection-page	4	46	January 15, 2023
DAWN THEME: Center product details beneath product image Store Design	3	66	May 26, 2022

Studio Theme -> Collection Page ->Featured Product: How To Center Align the Product Title and Price?

Related topics