Dawn Image Section to The Center

Solved

Dawn Image Section to The Center

Faiz01
Tourist
4 0 0

hello, I'm using a dawn theme, i would like to move the images section to the center along with a title as well.

 

in theme section, images can be move to the left and right only. there is no center option as i checked.

 

I would greatly appreciate it if you could provide a way.

 

pls see attached link for your reference QF11 – My Store

 

thank you

Faiz01_0-1737614509283.png

Accepted Solution (1)

DaisyVo
Shopify Partner
3465 393 476

This is an accepted solution.

Hi @Faiz01 ,

 

You can follow the steps here:

 

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

 

Here is the code for step 3:

.product.product--medium.product--left.product--thumbnail_slider {
    flex-direction: column-reverse !important;
    align-items: center !important;
}

Here is the result:

DaisyVo_0-1737615298358.png

 

Please let me know if it works!

 

Best,
Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Replies 6 (6)

DaisyVo
Shopify Partner
3465 393 476

This is an accepted solution.

Hi @Faiz01 ,

 

You can follow the steps here:

 

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

 

Here is the code for step 3:

.product.product--medium.product--left.product--thumbnail_slider {
    flex-direction: column-reverse !important;
    align-items: center !important;
}

Here is the result:

DaisyVo_0-1737615298358.png

 

Please let me know if it works!

 

Best,
Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
Faiz01
Tourist
4 0 0

Thank you for your swift reply. I really appreciate it, it works. Thanks again!

LizHoang
Shopify Partner
807 94 124

Hi Faiz01

- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

 

.product.product--medium.product--left.product--thumbnail_slider.product--mobile-show.grid.grid--1-col.grid--2-col-tablet {
    flex-direction: column-reverse;
    align-items: center;
}

 

Result: 

LizHoang_0-1737615705271.png

 

Best,
LizHoang

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program
Faiz01
Tourist
4 0 0

Thank you for your swift reply. I really appreciate it, it works too. Thanks again!

Dan-From-Ryviu
Shopify Partner
10886 2144 2282

Hi @Faiz01 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

@media (min-width: 750px) {
    .product {
        flex-direction: column-reverse;
        align-items: center;        
    }
}

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Faiz01
Tourist
4 0 0

Thank you for your swift reply. I really appreciate it, this works also too. Thanks again!