Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 30, 2014 at 6:45 am #258110
    sr123

    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 shadow

    All 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,
    sr123

    April 30, 2014 at 7:15 am #258113
    sr123

    Okay 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.

    April 30, 2014 at 3:21 pm #258287
    Ismael

    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,
    Ismael

    May 9, 2014 at 4:10 am #262108
    sr123

    THanks 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,
    sr123

    May 14, 2014 at 7:57 am #264526
    Dude

    Hi!

    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

    June 14, 2017 at 12:39 am #807686
    Kelly Erickson

    Sorry I commented on the wrong thread!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.