How can I center an image and price on my home page?

Store Design
,
1

Hey guys,

Can someone assist with the screenshot I have attached down below? I’d like to center the image and price under it.

2

Hello @hustlaz1

I don’t see the attached image, can you share the store link and password if you have one

3

Screenshot_8.png
Screenshot_8.png1896×890 59.7 KB

Here’s the image. I’ll send logins in DM.

4

Hi @hustlaz1

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

5

I just sent you login info in DM.

6

Hi @hustlaz1

  • Is this the result you are looking for?

view (68).png
view (68).png1919×1017 46 KB

  • If yes, please follow these steps:

  • Step 1: Go to Online store => Themes => Edit code

  • Step 2: Find the file “base.css”, paste the CSS code below at the end and save the file:

/* start bss fix */
.slider-mobile-gutter #Slider-template--18267285979440__featured_collection {
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider-mobile-gutter .card-information {
    text-align: center;
}
/* end bss fix */
  • Step 3: Save your code and check the result.

We hope that it will work for you.

7

This works, cheers fellas! Huge thanks.

8

For some reason, it seems to be back to how it was. Only price and name of the product are centered now. Image is on the left. Can you re-assist..?

9

Hi @hustlaz1

We checked on your website and found that your problem seems to be solved. If you need any further assistance, feel free to let us know. We’re always to help you.