Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 9, 2015 at 9:29 am #456537
    mrivanp

    I am trying to get a background image to display fully in my color section but the image is being cropped. I have it set to ‘stretch to fit’ and custom heigh 533px (heighf of image in pixels), so why is the image being cut off?
    Website in private content

    June 9, 2015 at 1:07 pm #456662
    Yigit

    Hey mrivanp!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .page-id-26 #av_section_1 {
  background-size: contain;
}

    Best regards,
    Yigit

    June 9, 2015 at 6:46 pm #456862
    mrivanp

    That sort of helps. but now it cuts off vertically.
    The image is 533px in height – i have it set to ‘stretch to fit’ and custom height of 533 but it still cuts off some of the pictures. do you know why this is?

    June 10, 2015 at 8:15 am #457024
    Rikard

    Hi!

    I’m not sure if I understand you correctly or not, but there’s always going to be some parts of the picture which will not show when setting a background image like this, it would be more or less impossible to show 100% of the image data for all screen sizes and types. The code tells the image to cover the area and show as much as possible, but that doesn’t mean that everything will be showing all the time, far from it actually.

    Best regards,
    Rikard

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