-
Posts
-
Hello – my color section is doing the ‘mostly off the page thing’, where it stretches my image and i can only see one small portion of it. I have tried every size, I’ve made the image small, nothing works.
I do not believe I have the ability to add custom css – as suggested in another support forum (I think I need a business/premium wordpress account?).
why is the image not 1) staying the size I choose in the ‘image size’ drop down, and 2) aligning to the parameters of the page properly? even when i change from parallax to fixed, and choose “top center” it is partially off the top page. Sometimes with parallax its off the right side, sometimes its off the left. Its seriously like its messing with me, there is no rhyme or reason (or i am really out of my league here…:) Can anyone help?
Also, is there really no other way to add an image (not a color section) and then have text on top (not a caption) – ?
Hi GGLNetwork!
Thank you for using Enfold.
Please try to add this on Quick CSS or custom.css to adjust the background size:
.avia-section { background-size: 100%; }Regards,
IsmaelHi!
When you set the background attachment of the color section to stretch to fit, the background-size is set to cover by default. It means that it will scale the background image to be as large as possible so that the background area (color section) is completely covered by the background image. Some parts of the background image may not be in view within the background positioning area. If you set the background-size to 100% 100%, meaning 100% width and 100% height, background image will sometimes adjust disproportionately. You might see the background image stretch in an ugly proportion. The best option is to set the background position to top center then background size or background repeat to Stretch to fit (cover). The downfall is some parts of the image might get cut off.
Best regards,
IsmaelHey!
Are you referring to this? if so, try using a transparent PNG there so the background image is visible.
Regards,
JosueHey!
Go to settings of the color section with your background image->Section min height->choose “custom height in pixel”->put a number in “section custom height” (for the first page you posted put something like 3500px)->play around with this number until you find what fits to you.
Regards,
AndyHi Andy, Thanks for your response and help!
That is what I thought would work, but I’ve tried that, a million times. That was the most confusing part to me – when I increased the pixel height of the color section, instead of showing me more of the photo (the parts cut off) it just stretched the photo so that I could see the same amount of the photo but its bigger.
For example – look here: http://www.new.globalgl.org/?page_id=211
I just did what you suggested, even re-selected the photo at full size, and its oriented “bottom-center” which clearly is not happening. There is a whole skyline at the bottom of this photo that just will not be visible!Thoughts? ideas? anyone want to try to just fix it for me? :)
Thanks
Hi!
The content height is so tall, the background just won’t fit. Aside from adjusting the background position, I don’t think you can do anything else:
#detroit .av-parallax { background-position: 20% 100% !important; }The bottom part should look like this:
Best regards,
Ismael
- You must be logged in to reply to this topic.