Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 3, 2016 at 6:42 pm #626667
    smoothbob

    Hi

    on this page:

    Project Experience

    I have set a parallax background on this page – the dark blue color section – the image is 1920 x 909 – set to full size display

    however in the browser the background loads the right size but then very quickly gets a lot bigger, and I can;t work out why

    I tried images of a smaller size and tried messing with the section height but it just doesn;t display correctly. it only happens on this page, something simple perhaps?

    I tried setting this

    #back{background-size: 100% 100%;}

    and messed with percentages but it’s not right

    thanks!

    May 5, 2016 at 3:59 pm #627885
    smoothbob

    Hi

    any further response on this one?

    thanks!

    May 5, 2016 at 5:04 pm #627914
    smoothbob

    Hi

    I fixed this – used an overlay instead and it worked

    thanks!

    May 6, 2016 at 5:35 am #628087
    Ismael

    Hi,

    Thank you for using Enfold.

    I wonder how you fixed it with the overlay option. Could you please provide a link to the page? Or create a test page? Note that the background size property is set to “cover” which means that the image will cover the whole container but it may cut off parts of the image to keep its aspect ratio. You can set the size to 100% but it will distort the image.

    Best regards,
    Ismael

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