Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #576390

    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

    #576433

    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 8 years, 10 months ago by Guenni007.
    #576458

    Hi!

    Please refer to @guenni007‘s post above

    @guenni007
    Thanks! :)

    Best regards,
    Yigit

    #576460

    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?

    #576467

    Hey!

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

    Regards,
    Yigit

    #576475

    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.

    #576482

    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 8 years, 10 months ago by Guenni007.
    #576498

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

    .avia-section.notfull + .container_wrap {
    border-width: 0
    }
    #576514

    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

    #576519

    Hey!

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

    Best regards,
    Yigit

    #576524

    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 !

    #576537

    Thanx again

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