Elementor Question posted in
A comprehensive tutorial library can be found here.

Elementor – How to make an image stretch in different screens

I have a divider with the ID #divider. I use Elementor to edit my wordpress website and fix stuff with CSS. It looks well on certrain screens, but I just checked it on my laptop and it won’t stretch to the the edges. It’s wide is 1278 px.

Also it seems to push another text column somehow. On elementor it appears just fine.
enter image description here

Tags:

3

Answers


  1. 0

    I checked your website and the following code seemed to work fine when I tried it via developer tools:

    .elementor-image img {
    width: 100%;
}
    Login or Signup to reply.
  2. 0

    the problem is here 

    <img width="1400" height="75" src="http://berko.createak.co.il/wp-content/uploads/2017/05/Divider-2.png" class="attachment-full size-full" alt="" srcset="http://berko.createak.co.il/wp-content/uploads/2017/05/Divider-2.png 1400w, http://berko.createak.co.il/wp-content/uploads/2017/05/Divider-2-300x16.png 300w, http://berko.createak.co.il/wp-content/uploads/2017/05/Divider-2-768x41.png 768w, http://berko.createak.co.il/wp-content/uploads/2017/05/Divider-2-1024x55.png 1024w">

    your image width is set to 1400 this will override whats in your styling sheet.

    you can remove width=”1400″ or if that not possible use 

    .elementor-image img {
    width: 100%!important;
}
    Login or Signup to reply.
  3. 0

    I did the following and I managed to achieve full width for images..
    1. Row -> Extend section and Content full width
    2. The image itself -> Style -> Width -> Set VW to 100.

    That’s all I did and it worked.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search