hello, i would like to make my ‘image with text’ full width on my product page:
as you can see, there is a small white bit on the ends.
my website is www.antico-abito.com , password is chasha , dawn theme
Topic summary
A user seeks to make an ‘image with text’ section full-width on their product page in the Dawn theme, as white margins currently appear on both sides.
Proposed Solutions:
Two responders provided CSS-based fixes:
- One suggests adding custom CSS to theme.liquid targeting the page-width container
- Another recommends adding CSS to the theme’s stylesheet file
Both solutions include code snippets and screenshots demonstrating the expected result.
Criticism Raised:
A third participant questions the practicality of both approaches, noting they target only the specific section instance rather than providing a reusable solution. They point out this would require new custom code each time an ‘image with text’ section is added.
Status: The discussion remains open with no consensus on the best approach. The debate centers on whether to use section-specific styling versus a more scalable solution.
1 Like
Hey @ads18922
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @ads18922 ,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
.section-template--24420688560451__image_with_text_gnQfi4-padding.gradient.color-scheme-1 .page-width {
padding: 0px !important;
}
@Moeed & @CodingFifty :
Are you actually suggesting @ads18922 to style that very specific section only?
So next time they add an image with text section, they’ll need a completely new solution?
How practical!