-
Posts
-
Hi there,
I have tried to for the past 3 hours to set a picture to display full height and width as the background in a color section but it simply will not display it that way. It constantly chops off a good bit of the bottom of the picture, no matter what size I make the picture, or what aspect ratio.
Here are the settings I have set for the picture:
Background Attachment: Parallax
Background Repeat: Stretch to fit
Section Minimum Height: At least 100% of Browser Window height
Section Padding: Default Padding
Section Top Shadow: Do not display shadowAll I want is for the picture to stretch to fit the width of the window, as well as the height of the window. The behaviour is all over the map…. Please help…. I am so frustrated.
Regards,
sr123Okay more information.
If I set the Background Attachment to Scroll instead of Parallax, the image displays in full, but when I set it to Parallax, it causes the display of the image on the page to zoom in on the picture and chop off the right and bottom parts.
I think this may be a bug. At least it is not intuitive. Very hard to make the picture look how you want it to on the page. I want the parrallax effect, and I want the image to display in full, stretching to fit.
Help very much appreciated. Thanks in advance.
Hey!
Thank you for using the theme!
The background-size of the image is set to cover when you select the “Stretch to Fit” option. You can add this on Quick CSS or custom.css to force the background image to fill in the container:
.avia-full-stretch { background-size: 100% 100%; }Regards,
IsmaelTHanks for this reply Ismael. did try this, with Parallex, and still not seeing the desired effect. The picture still appears cut off on the right and bottom.
Regards,
sr123Hi!
You can try to set the background-size to “contain” – try this code:
#top .av-parallax.avia-full-stretch { background-size: contain !important; }Cheers!
Peter
- You must be logged in to reply to this topic.