A user wants to increase the image column width on product pages in the Impulse theme before purchasing it. Currently, the text column is too wide and images appear smaller than desired for a fashion brand.
Current situation:
Proposed solution:
Two methods to adjust column width ratio:
Theme Editor approach: Navigate to Customize > Product Page and look for Layout Settings with wider image options
Custom CSS method: Add code to base.css or theme.css to set images at 65% width and text at 35% width (includes specific CSS code snippet for screens 768px and wider)
Status: Question answered with actionable solutions, but user has not yet purchased the theme to implement changes.
The Impulse theme has a lot of great options. However, being a fashion brand I need the images on the product pages to be the heroes. Currently, the text column on the right is very wide and the image column narrower than I want. Is there a way to change that?
IMPULSE THEME w/narrow image
Another theme with desired image width
Hi @Shrooz
Please, share your store URL. THanks!
Hi, My URL is maujh.com - however - I am currently on DAWN theme and looking to change my theme to IMPULSE. The one big thing holding me back is the image size on the Product page - hence asking if there is a way to change the column width ratio before I buy the theme.
Hi @Shrooz ,
Yes! You can adjust the column width ratio on the Impulse theme’s product page to make the images larger and reduce the text width. Since you haven’t purchased the theme yet, here’s what you can do once you have access:
1. Theme Editor:
Go to Customize > Product Page and check for Layout Settings (e.g., wider image option).
2. Custom CSS: (If needed)
Edit base.css or theme.css and add:
@media (min-width: 768px) {
.product__media-wrapper { width: 65%; }
.product__info-wrapper { width: 35%; }
}
This makes images 65% width and text 35% width.