Re: Center featured product (DAWN theme)

Solved

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

hustlio
Tourist
7 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
5886 1599 1902

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

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 9 (9)

Moeed
Shopify Partner
5886 1599 1902

Hey @hustlio 

 

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

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


hustlio
Tourist
7 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
5886 1599 1902

Hey @hustlio 

 

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

 

Best Regards,

Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


hustlio
Tourist
7 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
5886 1599 1902

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

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


hustlio
Tourist
7 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
5886 1599 1902

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.

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- 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
7 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.