Tagged: color section, parallax, stretch to fit
-
AuthorPosts
-
September 12, 2014 at 3:09 am #317766
I just updated to WordPress 4.0 and Enfold 2.9.2, and noticed that the Color Section no longer stretches-to-fit my background.
An example of this is on our membership page:
http://indiecinemaacademy.com/membership/The background images behind “The Road Map” and “How You’ll Attain Mastery” are both 1200 px wide; the background behind the section on “the cost of film education” is 1600 px and is positioned “Center Right.” The width of my browser is 1677 px (in Chrome; in Safari it is 1678px), which means that there are white borders now that the backgrounds don’t stretch to fit.
Is this a glitch or is this a permanent change?
September 12, 2014 at 6:54 am #317872September 12, 2014 at 7:05 am #317881Hi Josue,
Yes, I selected “Stretch to Fit” for all three Color Sections on that page. (Everything was working fine until this most recent update.)
Thanks,
Tim- This reply was modified 10 years, 2 months ago by MazamaFilms.
September 12, 2014 at 7:08 am #317884Hi Tim,
Can you please create me an administrator account? post it here as a private reply.
Regards,
JosueSeptember 12, 2014 at 8:09 am #317933This reply has been marked as private.September 13, 2014 at 2:07 am #318386Hi Tim!
The login details you posted are not working, please re-check.
Cheers!
JosueSeptember 13, 2014 at 2:28 am #318397This reply has been marked as private.September 13, 2014 at 2:32 am #318400Hey!
Try adding this code to the Quick CSS:
.avia-full-stretch{ background-size: cover !important; }
Then you’ll be able to have it stretched and fixed/scroll.
Cheers!
JosueSeptember 13, 2014 at 4:06 am #318414PERFECT!
Thank you so much, Josue!
Tim
September 13, 2014 at 7:25 am #318424You are welcome Tim, always glad to help :)
Regards,
JosueJune 9, 2016 at 7:38 am #645256I need some assistance on this as well but for tablet. I am aware that parallax has been disabled on tablet which is fine SO I made a secondary version of my color sections WITHOUT parallax to be shown on tablet only (using @media) and I set them to stretch to fit and scroll and they are still showing a broken parallax that only covers half the color section.
I simply want to be a plain stretch to fit image behind my elements – I can’t get it to stop broken-parallaxing.
Please help :(I did try the code above to try and force it to stretch-to-fit to no avail. I am using a apple ipad 2.
- This reply was modified 8 years, 5 months ago by Briana.
June 9, 2016 at 4:14 pm #645518August 11, 2019 at 7:00 pm #1126648Hi,
My color section stretches – it’s the content within. It was… but now it isn’t, and on all pages. Maybe I enabled or disabled something and just don’t recall.Here is the link. Any assistance is appreciated.
Check out the front page as an example: The three blocks, How we came to bee, the Blog, Beecome…
Thank you –
August 12, 2019 at 4:48 am #1126714Hi dlambers,
The How it came to bee section is full width, the background image is stretching full width as you can see. The content though will always stay within the container size. If you want that to be 100% as well then you can change it under Enfold->General Layout->Dimensions.
Best regards,
RikardAugust 12, 2019 at 4:55 pm #1126842Thanks, Rikard,
I went in before posting the original request for help and DID try changing the settings multiple times under Enfold->General Layout->Dimensions.
Problem was buried css. Found the culprit and fixed it!
Thanks much –
August 12, 2019 at 6:00 pm #1126869Hey dlambers,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- You must be logged in to reply to this topic.