I'm trying to convert some of our current website pages to Pagebuilder. For example, this is a current page (built before Pagebuilder existed):
https://www.lynchnw.com/partners
If you resize your browser window smaller (narrower), you'll see the images automatically resize smaller and keep the same proportions.
Now look at this Pagebuilder version of the page I've been working on:
https://www.lynchnw.com/lynchnw-partners
The first row uses the Image Across component. The images don't resize proportionally by default...they are cropped into tall narrow images (which looks bad).
The 2nd row uses the Rich Text Editor component and I just in HTML:
<div style="display:flex;
flex-wrap:nowrap;">
<div style="width:250px;">
<img src="graphics/00000001/2/american-edge.png" style="width:100%;">
</div>
<div style="width:250px;">
<img src="graphics/00000001/2/BladeCapone.png" style="width:100%;">
</div>
<div style="width:250px;">
<img src="graphics/00000001/2/bladehq.png" style="width:100%;">
</div>
<div style="width:250px;">
<img src="graphics/00000001/1/Blades+we+love.png" style="width:100%;">
</div>
<div style="width:250px;">
<img src="graphics/00000001/1/Cutlery+Shoppe.jpg" style="width:100%;">
</div>
</div>
It resizes things properly for the behavior I am wanting. But, what I'd really like is to just be able to use the Image Across component all through our Pagebuilder pages and always have it resize things proportionally this way. I doesn't make sense to use Pagebuilder but have to always rely on the Rich Text Editor and simply write HTML code. That kind of defeats the purpose of using Pagebuilder in the first place.
I'd be interested in a bid from someone to modify the code of the image builder component for Image Across so it will always function this way site wide for us. You can email at: [email protected]
Thank you,
Mark
https://www.lynchnw.com/partners
If you resize your browser window smaller (narrower), you'll see the images automatically resize smaller and keep the same proportions.
Now look at this Pagebuilder version of the page I've been working on:
https://www.lynchnw.com/lynchnw-partners
The first row uses the Image Across component. The images don't resize proportionally by default...they are cropped into tall narrow images (which looks bad).
The 2nd row uses the Rich Text Editor component and I just in HTML:
<div style="display:flex;
flex-wrap:nowrap;">
<div style="width:250px;">
<img src="graphics/00000001/2/american-edge.png" style="width:100%;">
</div>
<div style="width:250px;">
<img src="graphics/00000001/2/BladeCapone.png" style="width:100%;">
</div>
<div style="width:250px;">
<img src="graphics/00000001/2/bladehq.png" style="width:100%;">
</div>
<div style="width:250px;">
<img src="graphics/00000001/1/Blades+we+love.png" style="width:100%;">
</div>
<div style="width:250px;">
<img src="graphics/00000001/1/Cutlery+Shoppe.jpg" style="width:100%;">
</div>
</div>
It resizes things properly for the behavior I am wanting. But, what I'd really like is to just be able to use the Image Across component all through our Pagebuilder pages and always have it resize things proportionally this way. I doesn't make sense to use Pagebuilder but have to always rely on the Rich Text Editor and simply write HTML code. That kind of defeats the purpose of using Pagebuilder in the first place.
I'd be interested in a bid from someone to modify the code of the image builder component for Image Across so it will always function this way site wide for us. You can email at: [email protected]
Thank you,
Mark