Divi 3 images not full width

Not sure if it helps but I just got an error while changing settings
It said Full is not a valid size.

Can I use 100% or similar?

By way of update, I have created a new image size ‘top-bannersize-full’ giving it 1400px width as dimensions. I still seem to have a constrained left aligned image, rather than a centered full width image which is what I am after.

see

https://23.235.193.49/~devfileha/about-us

Any help much appreciated.

@mikeand13

What version of the plugin are you using? If you are getting an error saying that ‘full’ is not a valid size, that was fixed in version 2.1.1. You may need to ensure that you are using full (lowercase) not Full uppercase.

Hi Micah,

I have plugin 2.1.1, and I have full in lower case, images are still offset left and not full width. It is as if they are being contained.
Even in a boxed layout the images are inset by 20-30px, as if there is a padding on them.

https://23.235.193.49/~devfileha/about-us/

Any help appreciated,

Mike

have had to remove the code from the headers of the site, but I have added it to this page,

https://23.235.193.49/~devfileha/test-edit-page/

if you have a chance to look.

Mike

@mikeand13

Taking a look at your test page, it appears that the images are now coming through as full-size. However, the actual full size of the images is smaller than the 1400px width you indicated you were trying to achieve earlier.

I’m not sure what you’re familiarity or capabilities are with regards to CSS, but I’ll mention what you can do to stretch and/or center those images…

To stretch the width of the images, you can apply this CSS rule:

figure img {width: 100%;}

I’m not seeing any other figure tags on your site, so that may just work as-is… if not, you may need to make it more specific.

To center the image, just apply this CSS rule:

figure {text-align:center;}

Again, that is generic and may need to be made more specific.

I just ran into the same problem. The figure tag has default margins. Those need to be reset to 0 (e.g., figure { margin: 0px; } ) for the image to fill the space of the containing div.

Hi,

Thanks, Micah, pwarra,

A combination of these two suggestions has sorted me out. I entered both suggestions into Divi Theme options custom css, and it work a treat. In case any one sees this post. It doesn’t look like it worked in the visual builder but on a actual page load it works perfectly. Thanks for all the help, now I just have the rest of the site to finish. ??

Thank you thank you thank you fellow Divi users! Nothing worked to fix the teensie tiny images until I found this thread and entered:

figure img {width: 100%;}
figure {text-align:center;}
figure { margin: 0px;}

into my Divi Theme Options > General tab – in the form box at the bottom for “Custom CSS”. Hopefully this helps others using the Divi theme.