Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 11, 2015 at 7:47 pm #517015
    jd1979

    Hi,

    I have a problem with background images in the Color-Section. The expected behavior is that the image is scaled to the size of the Color-Selection. But the image (1200 * 300) is displayed larger that the original with the start of the webpage and is additionally enlarged if I increase the size of the browser window (vertical). It seems that the size of the image is somehow related to another object. I hope I could explain my problem. Thank you very much for your help.

    Regards
    JD

    • This topic was modified 9 years, 4 months ago by jd1979.
    October 11, 2015 at 10:22 pm #517051
    Basilis

    Hi jd1979!

    Can we please check a liver version of your web site, so we can manage understand the issue and reproduce it?

    Regards,
    Basilis

    October 16, 2015 at 6:34 pm #520224
    jd1979

    Hi, sorry for the delay. You find the website under http://www.skills-ev.de/wordpress/eismanufaktur/ (user and password –> private content). See -> Eismanufaktur (if you change the size vertically the background image changes its resolution).
    Regards
    J

    • This reply was modified 9 years, 4 months ago by jd1979.
    October 17, 2015 at 7:10 am #520366
    Rikard

    Hi,

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.

    Regards,
    Rikard

    October 17, 2015 at 10:32 am #520391
    jd1979

    Hi, you find the temporary login in the private section. Thank you for your support. Regards J

    October 20, 2015 at 6:43 am #521393
    Ismael

    Hey!

    The background-size property of the image in the color section is set to “cover” which stretches the image to cover the entire container. You may find edges of the images cut off in order to prevent distortion: http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=cover

    You can add this in the Quick CSS field to contain the image but it will distort it on smaller screens:

    .avia-full-stretch {
    background-size: 100% 100% !important;
}

    You can also try the “contain” value.

    Cheers!
    Ismael

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