A place for conversations about ecommerce learning and development on Shopify, and our educational hubs like Shopify Academy.
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
Solved! Go to the solution
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:
Please let me know if it works!
Best,
Daisy
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:
Please let me know if it works!
Best,
Daisy
Thank you for your swift reply. I really appreciate it, it works. Thanks again!
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:
Best,
LizHoang
Thank you for your swift reply. I really appreciate it, it works too. Thanks again!
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.
Thank you for your swift reply. I really appreciate it, this works also too. Thanks again!
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025