October 28, 2019 at 11:24 am
Question on getting images to be responsive.
On my home page, where I’m using Pagebuilder. I have a SiteOrigin Hero widget with a background image. I have some text I place in the image and a button
see: *Login to see link
I am testing Blocks as well. And trying to mimic the page above. I created a test page with a single column row layout, inside which is a row layou with two horizontal columns. Inside the first horizontal column are two advanced heading blocks. Inside the second horizontal column is another advanced heading. I did this for spacing and I could not get the spacing to mach my SiteOrigin Hero. Maybe there is a better way as I can’t seem to control the spacing using blocks like I can with PageBuilder.
The problem is in both cases, PageBuilder and Blocks, the images don’t shrink when the page is made to an iPad or iPhone size. I read somewhere about doing something like “max-width:100%” for responsive images in css, but not sure how to do that in Blocks or PageBuilder. I had hoped it would not take custom css and would be automatic.
You still have login credentials and the test page is Test.
Oh, by the way, in an earlier post I had mentioned that the classic editor was going away in 2020. You said it wasn’t, but I found an article by wpbeginners, not sure if they are connected with WordPress or not that it was going away in 2022. Here is the link:
*Login to see link
I also uploaded a bit of the content.