-
Posts
-
Hi,
I’m having problems getting an image to show properly as the top full-width part of a website I’m developing locally. Unfortunately I do not have an externally accessible site yet. The problem is that only the very central part of the photo is used, for example, if I resize the webpage so that the top header area, which has a Color Section of minimum=300px set as a background, the size of the browser area that needs to be filled is about 1000×300, however only a small central section of my photo, about 400×120 is used. Any thoughts on why this is happening or if it can be addressed? The image position setting is “Center Center” and the scroll mode is “parallax”
See screenshots linked from the private area.
Thanks,
SpencerHi, I cannot say exactly why you are experiencing the problem. however, i suggest two approach which can fix the problem;
1. try resize image to exactly 1000×300 before uploading, you can use web app such as http://www.simpleimageresizer.com/ , http://resizeimage.net/, http://www.online-image-editor.com/
2. If you are comfortable with CSS, i suggest you place image in a container. Inspect the element to find the ID and place the image in a container
for example; #image-container{
border:5px solid black;
width: 500px;
height: 300px;
margin: 0 auto;
padding:20px;
} It will resize the entire image and fit it into the container.
I hope you are able to fix the bugAfter a lot of investigation I got down to the root of the problem. There are two ways to upload a photo and attach to the Color Section background. 1) Upload the photo first using Media Library, then when attaching the photo to the Color Section, select it from the Media Library. or 2) While attaching the photo to the Color Section, go to “Upload Files”.. then upload, then set the Attachment Display Settings to FULL SIZE. If you do method (1) you may have forgotten that the photo was originally uploaded with the default Attachment Display Setting of THUMBNAIL, which is what I had been doing. Since you’re not at a place where that setting can be set (or seen), it isn’t obvious that the setting is wrong, ie. should be FULL SIZE instead. Whether or not you have Background Repeat set to NONE or STRETCH TO FIT doesn’t matter in this case since the Color Section always tries to “stretch to fit” apparently.
There does appear to be a real bug in that sometimes Background Image Position of “CENTER CENTER” actually handles the picture the same as “TOP CENTER”, which is incorrect. Can you please log that issue as a real bug and have it be put in the queue to be fixed? I’m not exactly sure under what specific conditions this occurs, but I was able to reproduce it. I’d really like to get this fixed as I like the Enfold Theme a lot and am using it for many websites.
Thanks!
- You must be logged in to reply to this topic.