I'm a newbie in Shopify and wanna know how to remove the left and right margins (as shown in the below screenshot) of the section "Image with text" when applying Brooklyn as the theme.
Also, I find that the height of the product photo is not same as that of the section if the background is set as a colored one.
May anyone have ideas to solve my queries?
Solved! Go to the solution
This is an accepted solution.
For your first request, to remove margins in the Image-with-text section:
Remove <div class="wrapper"> at line 1
Remove the closing </div> for that wrapper at line 49:
The remaining code should look like this:
For your second request, which is the section you are talking about?
Hi @PeanutButter, Sorry that I didn't point out which section is related to my second query. Actually, it is the same section.
If I change its background colour, we can find that the height of the photo is not same as that of the section. In order to indicate this issue clearly, I would like to share below screenshot (posted in my next two messages) for your reference. Hope that you would have an idea to solve it. Thank you very much!
@Coffee-Exp please try selecting an image, as I think that does not happen with a real image, only with the placeholder:
With placeholder, same behaviour as you have:
With real image, image same height as section:
Let me ask, how are you adding a background color to the section, with custom code? I see no setting in the Image with Text section to modify background color
Also, did you try my proposed solution to the first issue (making Image with text section full width)?