Image banner width size.

Good Morning,

How do I force an image through CSS to stay 100% in width?
I am using a full width line, but the image has 1600px and the screen has 2000px, there are spaces in the bancro on the sides.

In the settings of the banner I can put full and not 100% in width so that it suits all the screens.

What I would like is to put a CSS to always put the image of the banner 100% adapted to the width of the screen.

Thank you!

Here is the image about it …

Attachments:

You must be logged in to view attached files.

Hello,

Enter the page editing mode and edit the row containing the banner: set “Stretch row and content (no padding)”

Best Regards

Helo,

Its already like this, but image stays only at full size.

Exemple, if image has 2000px and screen 2500px, images stops at 2000px and there are that white space. What I thanked is use an CSS at image to make it 100% width, even its bigger than its size …

Tks,

Lucas.

Hello,

Have you set “Stretch row and content (no padding)”?

Actually, now the image is 100% of the width, however, it takes 100% of the container width. If you want an image to take all the space without any paddings, set the container full width.

Best Regards

Hello!

Yes, its “Stretch row and content (no padding). But image stays full size but not necessary 100% of banner size.

If I use a banner with an image with width size 1000px and screen is 2000px it will not be full size (2000px width). What I would like is to do it with CSS to make an image with 100px fit to a banner size 2000px.

I was trying this:

.owl-carousel div.owl-item img {
width: 100%;
}

But its changing testimonial images sizes to, not only banner …

So I would like to know if is there any CSS any do change image banner size.

Do you know what I mean?

Tks,

Lucas.

Attachments:

You must be logged in to view attached files.

Hello,

Make two rows: one for banner one for a testimonial and make the row for banner full stretched. CSS would not be effective in this case. Even if you set 100% width, the element will be limited by covering row padding and width.

I cannot login your site, I have recreated the banner carousel on the testing host. Here is the result you will get on full width: http://prntscr.com/kgoydh 1920px

Here is the result you will get on 2500 http://prntscr.com/kgozfy

Best Regards

You are right…. its working fine ..

I found whats happen … When I load the page the banner fit to page, bit if I resize the page it do no fit, only if I refresh the browser again …

Tks!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts