Archived topic
Reduce homepage main image size in template
5 replies · Started by Evan on November 3, 2021
Hi, can you tell me how we reduce the length of the main image on the homepage (https://brightfires.co/) so there isn't a load of wasted space there (just showing the ladies legs!), as you scroll down below the fold. I'd like the image to finish at the women's knees so I can bring the next container with white background up further - but can't figure out how to reduce this lower section of the image. I have played with spacing etc but nothing works. Thanks
Hi there,
Try reducing the 400px padding add it in the GB's container block:
https://www.screencast.com/t/JT0drXrRa6
Let me know if this helps :)
Hi - thanks for your reply, but when I reduce that 400px to 350 this happens (see screenshot - https://paste.pics/a90d6462712905f64e4ef535eb3f33f7) - it does push the picture up, but somehow the bottom of the image shows through in a weird way and overlaps the logo and text in the container below... I have also tried reducing the padding to 50px (https://paste.pics/eb548c37f7ca8cd77540c0566fd8f957), which does the same thing but ALSO flattens the curve of the picture on the left hand side... I don't actually mind if we just flatten the bottom of that image if we have to, in order to help this issue- but I can't remember how to do that either! Let me know next steps... Thanks
The Container block which holds the white shape image has a -300top margin, can you try to adjust the margin?
But I don't think it's a good way to add a shape, since you are using Generateblocks, you can add SVG shapes to the container block(main image):
https://docs.generateblocks.com/article/container-overview/#shapes
There're plenty of built-in shape choices, there's one very similar to the one that you are using now under the Curves section.
Let me know if this helps :)
Unfortunately not - anything I do to reduce margins or add alternative shapes ends up with the bottom of the pic peeking through beyond the white. The more I reduce the margin, the more unwanted picture shows!
Have you tried using a shape?
you can add SVG shapes to the container block(main image):
https://docs.generateblocks.com/article/container-overview/#shapes
