Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

RESPONSIVE IMAGES

Home / Forums / Ascend Theme / RESPONSIVE IMAGES

This topic is: Not a support question
[Not a support question]
Posted in: Ascend Theme
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:

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:

I also uploaded a bit of the content.

  • The forum ‘Ascend Theme’ is closed to new topics and replies.