-
Posts
-
I am working in the Enfold theme.
On this page of my website: http://jwheelerdesign.com/ver2/?portfolio=audit-resource-center
The computer image at the top is 729px x 396px. It was uploaded at full size but is displaying smaller here.The same thing is happening here on a page that is just one column layout:
http://jwheelerdesign.com/ver2/?page_id=61Is there any way to prevent this from happening? I would like the image to display at full size. Is there a way to change the padding in the image containers?
If not, is there a way to change the gutter width for each column?
Please advise.
Hi summerswim!
If you want to display a single image as full size image I would recommend to place it within a “fullwidth slideshow” element – this way the section will stretch accross the whole screen. default columns, as used in your example are always limited to the default content width of your site :)
Best regards,
KriesiSorry, I think your reply didn’t answer my question. The computer image at the top is not designed to work as a slider (even though there are right and left arrows). Those arrows are going to scroll to the previous and next page, not a previous and next image in the slider. Regardless, that slider feature solution does not solve my problem. I’ll will try to explain it another way.
Every time I upload an image into my design it put’s it in a container with with a margin on the right and left of the image. As a result images are getting sized down within the container to fit. And my images are displaying smaller than full size.
Using the example referenced above:
The “Process” page is just one column wide. The text areas span the full width of the column, but the images do not.
You can see it here: http://jwheelerdesign.com/ver2/?page_id=61Is there any way to make the images expand the full width of the column, the way the text does here?
Hey!
Images are displaying at their full width (which is 781px) but your container width is 860px, that’s why you see that margin. However, there’s a way to tell the images to expand 100% width of their container (regardless of their original size), add the following code to child style.css / Quick CSS:
.avia-image-container .avia-image-container-inner, .avia-image-container img { width: 100%; }Cheers!
Josue
- The topic ‘Enfold: Images are displaying smaller than full size. Even when uploaded at full’ is closed to new replies.