I have created images that are 1920X1080 and I am trying to upload them to the page as the full content. When I view these in “full screen” mode on a screen that has it’s resolution set to 1920X1080 the images appear smaller than the original size. Is there a way to change the settings so that I can create these images in full size, upload them, insert them in a page and have them show up full size on the page? If I go to the page and click on the image it opens up the .jpg in full size which is what i was hoping it would look like when you go to the page. An example of the issue I am having can be seen at www.floridakeyshistorydiscoverydonor.com and click on the page named “barley”
Thank you for your help
Heather
Hi hmalafy,
Try using the following CSS to adjust the height and width:
.entry-content img { max-width: 1920px!important; height: 1080px!important;}Please try and let me know!
It definitely made the image larger but now there is a large space on the left and right side that push the image off the screen
http://www.floridakeyshistorydiscoverydonor.com/barley/
Thank you
Hi Heather
Let’s try removing the CSS that was just added.
Vantage, even in full width, has a center content area that’s 1080px wide. The next update will contain a page option that will make it easy to override this per page. Right now the only way to do that would be either:
A. Override the central site width for the site globally, for all pages, by inserting the following under Appearance > Custom CSS:
/* Vantage Full Width */ body.responsive.layout-full #page-wrapper .full-container { max-width: 100%; }or
B. On a given post or page, click over to our Page Builder tab, insert a row, edit the row, click the Theme tab on the right, enter the url for your background image, then click the Layout tab, below the Theme tab and set the Row Layout to Full Width Stretched. This method will however only work if need the image as a background image with content being added to the row afterwards.
Hi Andrew,
When I try option B and hit save the row I just placed in the page disappears. Should I be inserting the visual editor, text or image widget also? Not sure how to get this to stay. I also tried option
A and the page does not look any different than it did before.
Hi :)
Yes, B will require some content in the row in the form of a widget.
A:
Try the following instead:
/* Vantage Full Width */ body.layout-full #page-wrapper #main .full-container { max-width: 100%; }