Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 30, 2016 at 3:34 pm #640453
    richardhofer83

    hi
    regarding this thread:
    https://kriesi.at/support/topic/reduce-height-of-shop-banner-and-remove-parallax-effect/

    i realized that i also want the background to repeat itself, sorry :)

    thank you!
    greetings
    richard

    May 30, 2016 at 3:38 pm #640458
    Yigit

    Hey richardhofer83!

    It seems like you already have the code as following 

    #av_product_description .av-parallax {
    transform: none !important;
    -webkit-transform: none !important;
    position: absolute;
    top: 0px !important;
    height: 240px !important;
    background-repeat: repeat;
}

    If that does not help, please elaborate on the changes you would like to make so we can try to provide you a more accurate solution :)

    Regards,
    Yigit

    May 30, 2016 at 3:44 pm #640461
    richardhofer83

    hi yes i know but it does not work :) if you zoom out in the browser (or if you have a higher resolultion than 1920 pixel) you see that left and right of the header picture CauCawa Shop there is a white border

    May 30, 2016 at 3:49 pm #640464
    Yigit

    Hey!

    Please add following code to Quick CSS

    #av_product_description .av-parallax-inner {
    background-size: cover;
}

    Best regards,
    Yigit

    May 30, 2016 at 8:15 pm #640546
    richardhofer83

    thank you works, but is there no command for repeat? with “cover” it stretches the picture
    thx!

    May 30, 2016 at 8:28 pm #640548
    Yigit

    Hey!

    You can change the code to following one 

    #av_product_description .av-parallax-inner {
    background-repeat: repeat;
}

    Regards,
    Yigit

    May 30, 2016 at 8:48 pm #640569
    richardhofer83

    aaah of course, thank you very much :) it works perfectly

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘shop banner – repeating background’ is closed to new replies.