Re: Center featured product (DAWN theme)

Solved

How can I center a featured product on the DAWN theme homepage?

hustlio
Tourist
10 0 1

Hi everyone! I tried reaching out to the community in the past and it turned out to work so I'm hoping someone who has a bit of knowledge can jump in here and help me center the featured product on my home page of the website.

 

A screenshot is attached, it will be only one product so I want to center it with all text below it.

 

I will provide logins for website in inbox to whoever requests it.

 

Appreciate it in advance!

Accepted Solution (1)
Moeed
Shopify Partner
6563 1782 2158

This is an accepted solution.

Hey @hustlio 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

 

<style>
.grid {
    justify-content: center !important;
}
</style>

 

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 9 (9)

Moeed
Shopify Partner
6563 1782 2158

Hey @hustlio 

 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


hustlio
Tourist
10 0 1

Hi @Moeed 

 

I appreciate your response. Is there a way I can send you info in inbox or I have to put it here?

Moeed
Shopify Partner
6563 1782 2158

Hey @hustlio 

 

Yes, of course! You can send me in my private messages.

 

Best Regards,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


hustlio
Tourist
10 0 1

For some reason, I am unable to send you a direct message. Do you know why? Can you send me one to start the convo?

Moeed
Shopify Partner
6563 1782 2158

This is an accepted solution.

Hey @hustlio 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

 

<style>
.grid {
    justify-content: center !important;
}
</style>

 

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


hustlio
Tourist
10 0 1

Worked like magic, thanks a lot! Not sure if there's a way for you to delete the screenshot from the reply above, but if there is, I'd highly appreciate it!

Moeed
Shopify Partner
6563 1782 2158

Yes of course! I can delete the screenshot and Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


brissettesondon
Visitor
1 0 0

Hello! Centering the featured product on your website's home page should be doable with some CSS adjustments. Please share the login information and I'd be happy to assist you with  the necessary code changes. 🖥🛠👍

hustlio
Tourist
10 0 1

Hello! I am trying to do a private message but for some reason, I am unable to do it. Trying to figure it out.. if I don't, I'll put details here.