Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #524203

    I have a color section which contains a background picture in the section background tab. The original size if that picture is 1600×400. It is set as parallax with a section background overlay color.
    In the section layout tab, I have set a custom height of 400px.

    The problem is is ratio between the real height of 400px and the dynamic height of the background picture is not respected, the picture is smaller and the result is not clean.

    If I can explain in other words: I would like my color section size to be set exactly as the background picture size in parallax mode, so when I resize the whole window the color section size would follow the background picture resized (the color section must always have the same size that that background picture).

    #524684

    Hi Luc,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

    #524744

    Rickard,

    The site is on my dev private server, check link in private content.

    I use 4 color section, all have 400px height, and they all contain background section pictures which are 400px height too (all with parallax). 2 of the color sections have a red color overlay. If the window size is smaller than 1600px (1600px is the width of the pics) you can see that the height of the pictures comes smaller than the overlay height (which stays to 400px), so the result is not clean.
    Why did I fix a custom height of 400px ? Because sections contains either nothing either a simple text, so if I let any dynamic, the height color sections are smaller. I want my sections height to follow the background picture height (400px), and at the same time I don’t want any croping of these pics (when resizing, width and height must keep the original ratio), so the only way I found is to set custom height 400px and to set in custom css:

    #top .av-parallax.avia-full-stretch {
    background-size: contain !important;
    }
    • This reply was modified 9 years ago by luke7263.
    #525324

    Hey!

    The parallax container which holds the background is actually taller than the actual color section. Why? Please refer to this link: https://kriesi.at/support/topic/color-background/#post-422349
    https://kriesi.at/support/topic/help-need-fullscreen-slider-image-size-advice/#post-520740

    Best regards,
    Ismael

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