Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 21, 2016 at 1:38 pm #651474
    philippvavra

    Hi,
    I am using a static image with the function “stretch to fit” on top of a site with a background position property. It seams like they are stretched on the full height of the window. So there is a difference by viewing the site on different screen-heights. Is there a way to display them always in the same way?
    Thank you!

    June 23, 2016 at 6:05 am #652488
    Ismael

    Hey philippvavra,

    Thank you for using Enfold.

    If it is set to “Stretch to fit”, it will force the image to cover the whole container. In order to keep the background image’s aspect ratio, it has to overflow outside the section container. http://www.w3schools.com/cssref/css3_pr_background-size.asp

    You can set the settings to “Scale to Fit” but it may leave spaces around the container, depends on the monitor resolution and the size of the image. Or we can set the background size property to 100% via Quick CSS field but it will distort the image on particular screen sizes.

    Best regards,
    Ismael

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