Okay
  Public Ticket #3136178
box size parallax
Closed

Comments

  •  2
    Johannes started the conversation

    hi,

    can u please tell me how to set the size from background picture. is it possible to reduce the parallax window in hight and show it seamless from side to side?

    I hope u understand my question, for better understanding i made a image "layout". of course the content should not be distorted.

    greets

    Attached files:  layout.jpg

  •  1,290
    Support replied

    Hello Johannes,

    to stretch it full width is easy - you just need to specify the content width of the section in its options:

    https://prnt.sc/6pF4cVFjZBIL

    to reduce its height you can specify in customizer -> additional CSS

    .full figure.has-parallax {
        height: 100vh;
    }

    just decrease the height in view port units for example 80vh and add the code to customizer -> additional CSS

    If you want just for this specific parallax image add a css class to its container and then

    .my-class .full figure.has-parallax {     

          height: 100vh; 

    }


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  2
    Johannes replied

    hi, 
    sorry - I don´t get it.

    I added a class "parallax100" to customizer -> additional CSS and
    set the class in "Image Parallax" without result.

    I also tried to set the class in "Column" and "Section"

    What do I wrong?

    greets

  •  2
  •  2
    Johannes replied

    ?

  •   Support replied privately
  •   Johannes replied privately
  •  1,290
    Support replied

    Hello Johannes, trouble was mainly with image, it was to short in width for full width.

    So plz resize your image and set the container section as full width in its options.

    to decrease the parallax viewport use for example 70vh instead of 100vh

    figure.has-parallax {
      max-height: 70vh;
    }

    in customizer -> additional CSS

    https://www.moregraphics.at/portfolio-test/

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy