Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 24, 2022 at 4:33 pm #1336918
    Veronika

    Hi dear Kriesi-Team,

    I am creating an about page which I woul like to be separated in two sections:
    left: picture-fixed, all over the 50% of this section | right: Text is moving up and down as the user scrolls

    Unfortunately no matter which settings I use I end up with this: https://imgur.com/J1ty4qO either I get the picture somehow shifted or the picture is not covering the whole 1/2 space at all : https://imgur.com/Gm5dXQZ

    Please help

    thank you in advance,
    Best, Veronika

    January 25, 2022 at 5:34 am #1336973
    Nikko

    Hi Veronika,

    There are two workarounds for this, the first one is easy but may not give you the result that you want, which is to set Background Repeat to Stretch to Fit, this one would ensure that the image will occupy the whole width of the 1/2 column as well as the height but the image will be stretched by the browser.
    The second one, is to separate background image (or use background color) then use an image element with just the image of the model in transparent background, the result is similar to this: https://kriesi.at/themes/enfold-app/#av-layout-grid-2

    Best regards,
    Nikko

    January 25, 2022 at 10:34 am #1337017
    Veronika

    Hi Nikko,

    I already tried the first option. Did not work for me. The second won’t either, because I need the background. Could you please provide any further help or advice?

    Thank you,
    best,
    Veronika

    January 27, 2022 at 11:29 am #1337483
    Nikko

    Hi Veronika,

    I have modified your About Page and added this on Quick CSS:

    .page-id-3377 #welcome {
    background-image: url('https://yoursite.com/wp-content/uploads/2022/01/image.jpg');
    background-size: cover;
}

    Please review the page.

    Best regards,
    Nikko

    February 14, 2022 at 3:06 pm #1340504
    Veronika

    Hi Nikko,

    I found out, that I have to upload a picture with certain measurement so it works, the way I need it to work. You can kindly close this thread, thank you for your ongoing support :)

    Best,
    Veronika

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘50 % width streting picture’ is closed to new replies.