Image not showing full
URL to the page in question:
http://suroyalindiangrill.com/contact/
-
For some reason, my image is being cut off. I set it to cover. I’ve tried many different things with no luck. Please advise.
Actually my image on the home page is the same for my map. I had set it to 100% for height. http://suroyalindiangrill.com
Hey Wendy,
The short answer is background images will have the potential to be cropped. When you want the image to cover the background of a row, you’ll set the size to “cover” which will cause the image to always fill the space where it is the background. How closely that space’s aspect ratio matches the aspect ratio of the image will determine exactly how much of the image is cropped out. The closer those ratios are to one another the less cropping there will be.
The only alternative is to set the images to “contain” for the size. That will letterbox the image when necessary to ensure that none of it crops.
The best solution is to use images that have a bit of buffer around the main content of the image. Keep the focus towards the center of the image so that the portions that will potentially get cropped are less important.
Hope that helps out,
Bill
hmm. i tried cover and contain and still it crops. Please see link. http://suroyalindiangrill.com/menu/
Wendy,
It doesn’t look like those rows are using the equal height widget option. It’s in the row settings, in the layout section. That needs to be set in order for the text widget to stay the same height as the menu widget next to it.
Give that a try
wow. that was an easy fix. Thank you! The button plugin worked also. Thanks for your quick response. Hope that is my last.
Glad to hear that did the trick Wendy. Enjoy your Saturday 🙂
- The topic ‘Image not showing full’ is closed to new replies.