We are trying to strecth a picture across the container instead of placing it in the middle with margin sizes. Can you please walk us through how to accomplish this.
Hello Otha,
Thanks for writing in!
Please set the width of your Image element to at least 100%
.
If it is not helping, please set the “Object Fit” property to “Fill”.
Kindly let us know how it goes.
Thanks for the quick response that worked. Last question, how would I center the picture at the bottom of the page, also is there resources on learning how to position images using the page builder?
Hello Otha,
You need to set the image settings display as a block and then add this custom CSS code in the Image element Style.
Add this style.
$el.x-image img{
margin: 0 auto;
}
The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector or you subscribe to One where customization questions are answered.
Hope it helps.
Thanks
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.