Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 2, 2016 at 12:35 pm #576390
    Roger

    Hello,

    Is there a possibility to set the max-width of a color section with a parallax background image to a amount in pixels?

    For example 1280px instead of 100% window size.

    Thanx in advance

    roger

    February 2, 2016 at 2:41 pm #576433
    Guenni007

    well give to that color section a custom css class f.e. “notfull”

    than edit your quick css with:

    .avia-section.notfull {
    float: none;
    margin: 0 auto !important;
    max-width: 1280px;
}
    • This reply was modified 9 years ago by Guenni007.
    February 2, 2016 at 3:12 pm #576458
    Yigit

    Hi!

    Please refer to @guenni007‘s post above

    @guenni007     Thanks! :)

    Best regards,
    Yigit

    February 2, 2016 at 3:15 pm #576460
    Roger

    Hi 007,

    Nearly there, I now got a ‘viewport’ from 1280px, but the image is still stretched out.
    How can I get the image width within parallax 1280px?

    February 2, 2016 at 3:20 pm #576467
    Yigit

    Hey!

    Image width looks 1280px on my end. Can you please flush browser cache and refresh your page a few times?

    Regards,
    Yigit

    February 2, 2016 at 3:30 pm #576475
    Roger

    I think it has something to do with the background-size-cover
    See my screenshot. If I unmark this, I get my 1280px in the 1280px width.

    February 2, 2016 at 3:32 pm #576482
    Guenni007

    look to the color-section on bottom : http://webers-testseite.de/enf02/videobackground/
    it works well for me!

    what did you enter on that alb element for background repeat ?

    btw: if you like to have the same width as your content ! than you have to subtract 100px (because content have 50px padding on left and right)

    • This reply was modified 9 years ago by Guenni007.
    February 2, 2016 at 3:52 pm #576498
    Guenni007

    and by the way if you don’t like that little border on that case:

    .avia-section.notfull + .container_wrap {
border-width: 0
}
    February 2, 2016 at 4:08 pm #576514
    Roger

    Hey

    Thanx for the help,

    I got what I wanted with:

    .avia-section.notfull {
    float: none;
    margin: 0 auto !important;
    max-width: 1280px;
    }
    .avia-full-stretch {
    background-size: 1280px!important;}

    Thanx for the help Guenni & Yigit

    February 2, 2016 at 4:12 pm #576519
    Yigit

    Hey!

    You are welcome, glad @guenni007 could help :)
    Let us know if you have any other questions or issues

    Best regards,
    Yigit

    February 2, 2016 at 4:16 pm #576524
    Guenni007

    ok – but the image has to be bigger than this value –
    and to be more specific use instead :

    .avia-full-stretch.notfull {
background-size: 1280px !important}
}

    otherwise you will change every full-stretch !

    February 2, 2016 at 4:42 pm #576537
    Roger

    Thanx again

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Max width Colorsection in px’ is closed to new replies.