Hide the product name in featured collection Shopify Dawn

Solved
JeroenH
Tourist
10 0 1

Hi,

 

I added a featured collection on my Shopify homepage with Dawn theme. I read about removing the price, but i want to have the product name removed and the price centered. Here is an example of the current layout. 

 

Screenshot 2022-09-19 at 13.21.38.png

 

My idea is to have the € 399,99 centered, just above add to cart button, the name Aroha should be removed as the name is already in the image.

 

Is there a solution for this?

Accepted Solution (1)
LitExtension
Shopify Partner
4859 1001 1101

This is an accepted solution.

Hi @JeroenH,

Go to Assets > base.css and paste this at the bottom of the file:

.collection .card__heading {
    display: none !important;
}
.collection .card-information {
    text-align: center !important;
}

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 9 (9)
SmallTask
Shopify Partner
973 41 53

HI @JeroenH,

 

 

Kindly share your store URL, so that we can check and provide you with the solution.

JeroenH
Tourist
10 0 1

Yes, of course. Lot's of things going on there now. 

here you go:

 

https://mojo-gift.myshopify.com/

@M0j0sh0p1fy = password

 

LitExtension
Shopify Partner
4859 1001 1101

This is an accepted solution.

Hi @JeroenH,

Go to Assets > base.css and paste this at the bottom of the file:

.collection .card__heading {
    display: none !important;
}
.collection .card-information {
    text-align: center !important;
}

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
JeroenH
Tourist
10 0 1

HI @LitExtension thanks for the quick reply. However, nothing changed after pasting the code in base.css. The name is still there and the price not centered

LitExtension
Shopify Partner
4859 1001 1101

Hi @JeroenH,

Have you tried my tutorial?

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
JeroenH
Tourist
10 0 1

I copied your code, but don't see a tutorial @LitExtension 

LitExtension
Shopify Partner
4859 1001 1101

Hi @JeroenH,

I checked and your css file is currently incorrect, the closing tag is missing here. You just need to add '}' here, it will work fine

Screenshot.png

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
JeroenH
Tourist
10 0 1

Excellent. that works like a charm. Thank you so much @LitExtension 

madbadtired
Visitor
1 0 1

Thank you so much this worked!