hello in looking to make the featured product large to take up the screen rather than being so small. website is kickduo.com thank you
Topic summary
A user seeks to enlarge the featured product display on their Shopify store (kickduo.com) to occupy more screen space, as it currently appears too small.
Proposed Solution:
- Another user provides CSS code to set maximum width to 100%
- Instructions include: navigating to Online Store > Themes > Edit code, locating the Asset folder, and adding specific CSS targeting
.image-with-textclasses to the base.css file
Current Status:
- The original poster implemented the suggested code but reports the result is unsatisfactory
- While the width increased, all content now needs to be scaled larger proportionally
- The issue remains unresolved, with the user requesting further guidance on making elements bigger overall
1 Like
Hi @kickduo ,
You can use the code below to make the width 100%
- From your Admin page, go to Online store > Themes > click the three dots > Edit code
- Find the Asset folder, and open the base.css file
- Add the code below at the very end of the file
.image-with-text.image-with-text--no-overlap.page-width.isolate {
max-width: 100%;
}
