How can I center a single product in my featured collection?

Store Design
1

I only have one product in my featured collection as of right now, and I wanted to know how to center my product since I only have one product featured. the site is www.seraph.pw

2

bump

@KetanKumar

3

Hi @fedsmf ,

Your link is dead, you can post your current link. let me check for you

Thanks you

4

www.seraph.pw

5

Hi @fedsmf ,

Sorry, I still can’t get in.

Screen Shot 2022-03-12 at 1.43.04 PM.png
Screen Shot 2022-03-12 at 1.43.04 PM.png2880×1800 310 KB

6

use this s-eraph.myshopify.com

7

Hi @fedsmf ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
#shopify-section-collection .grid__item {
    float: none !important;
    margin: 0 auto !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like
8

perfect, is there a way to hide product titles on my home page ?

9

Hi @fedsmf ,

You try below code in /theme.css file:

#shopify-section-collection .product-card__title {
    display: none !important;
}

Hope It can help you. ^^

10

Thanks a lot, how do I remove the price?

also could you assist me with rearranging the product page?

I want it aligned like this, with the product above the description

example.png
example.png1660×931 82 KB

11

If you don’t want to help me with all this right now, could you just tell me the code to hide the price

12

Hi @fedsmf ,

This is code change Product. You try below code in /theme.css file:

.product-single {
    display: block;
    max-width: 500px;
    margin: 0 auto;
}
.product-single .grid__item {
    width: 100% !important;
}

Hope it can help you. ^^

Do you want to remove the price on the homepage or the product page?

13

home page, just like the title. Thank you sm for your help btw

14

Hi @fedsmf

You try below code in /theme.css file:

#shopify-section-collection .price--listing {
    display: none !important;
}

It’s very pleasure to help you. If you need more help, you can contact me. If I can, I will help you.

Best regards. ^^

15

Can you update this code for theme.liquid ? Doesnt work on ccs anymore.