Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 18, 2022 at 3:27 pm #1369237
    Sachs

    Hey Support

    I’m looking for help with grid row and color section, where the image in the color section is supposed to be staggered in comparison with the grid feature to the right.

    However I have noticed that image in the color section moves position if the titel text in the grid feature is too long or if a button is removed.

    I have made an example for you under contact. The first feature is the correct way, I would like to display the image with the staggered look (in those measures). In the second feature below which is a copy of the feature above, but I removed the button, and the the position of image changes.

    Is it possible to fix the position of the image, so it doesn’t change moves up, if changes are made in the grid row feature?
    How can it be made fixed?

    Many thanks & Best regards
    Lene

    October 18, 2022 at 4:34 pm #1369250
    Rikard

    Hey Lene,

    Thanks for the login details. I’m not sure I fully understand the problem you are having, since I can’t see any differences between the two rows on the Kontakt page. Could you post a screenshot highlighting the problem please?

    Best regards,
    Rikard

    October 19, 2022 at 11:53 am #1369377
    Sachs
    This reply has been marked as private.
    October 19, 2022 at 11:55 am #1369378
    Sachs

    View post on imgur.com

    View post on imgur.com

    View post on imgur.com

    View post on imgur.com

    October 19, 2022 at 2:34 pm #1369404
    Rikard

    Hi,

    Thanks for that. I’m not sure exactly what your intention was there, but why have you added the images and text in separate sections? I would suggest that you add the images to the left of the text to begin with, then we can take it from there.

    Best regards,
    Rikard

    October 20, 2022 at 11:29 am #1369567
    Sachs
    This reply has been marked as private.
    October 20, 2022 at 3:06 pm #1369598
    Rikard

    Hi,

    I copied the Grid Row in order to make an example. I added this class to the left cell: elevated-image, then I added this in Quick CSS:

    .elevated-image .flex_cell_inner {
  margin-top: -40px;
}

    Best regards,
    Rikard

    October 21, 2022 at 11:38 am #1369713
    Sachs
    This reply has been marked as private.
    October 21, 2022 at 4:21 pm #1369736
    Rikard

    Hi,

    Yes, you can change the value in the CSS I sent if you like.

    Mobile: it’s because the Grid Row is set to 500px minimum height. If you want different settings for mobile, then you can copy the element and make new settings in the new element. You can then hide/show the two element for desktop/mobile respectively in the element options.

    Best regards,
    Rikard

    October 24, 2022 at 2:45 pm #1369987
    Sachs

    Hey Rikard
    Thanks for info. How should I add margin-bottom to the CSS?

    Would it be like this?

    .elevated-image .flex_cell_inner {
    margin-top: -30px;
    margin-bottom: -30px;
    }

    As you know by now, then I new in CSS-:)

    Thanks
    Best regards
    Lene

    October 24, 2022 at 3:30 pm #1370004
    Rikard

    Hi,

    If you want negative bottom margin, then yes, it’s correct. If you want increase the space at the bottom, then use a positive value. https://www.w3schools.com/cssref/pr_margin.php

    Best regards,
    Rikard

    October 27, 2022 at 1:58 pm #1370457
    Sachs

    Hey Rikard
    Thx a lot for the help.
    We can close this ticket.
    Best regards
    Lene

    October 27, 2022 at 4:46 pm #1370469
    Rikard

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Grid row and color section's image not fixed’ is closed to new replies.