[Support request] generateblocks flex align-items not working.

Home Forums Support [Support request] generateblocks flex align-items not working.

Home Forums Support generateblocks flex align-items not working.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1593791
    Joost

    hi, I’ve created a container with two grids on top of each other inside. I want the top grid aligned to the top of the container and the bottom grid to the bottom with the following css:

    .container{
    display: flex;
    align-content: space-around;
    height: 100vh;
    }

    but the align content isn’t working.
    but when I inspect the element, I see there is an “gb-inside-container”. How do I align the bottom grid to the bottom of the container?

    #1594212
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link us to the site in question?

    You can use the private information field.

    Let me know 🙂

    #1594276
    Joost

    here it is 😉

    #1594351
    Leo
    Staff
    Customer Support

    You shouldn’t need CSS for that – I just tested and it should work like this:
    https://www.screencast.com/t/cnxIU5dTYl

    Looks like you are adding some unnecessary grids – make sure your block navigation looks like this:
    https://www.screencast.com/t/qKlN1Pp2lA6h

    #1594532
    Joost

    Hi Leo,

    It’s still not working for me. To clarify, see images. I want the bottom grid (red) to align to the bottom of the container and the top grid align to the top.

    https://ibb.co/7NjH6v3 = container with top grid and bottom grid (red)
    https://ibb.co/2chKbhz = bottom grid
    https://ibb.co/F6RM8ZP = top grid

    #1595017
    Leo
    Staff
    Customer Support

    Not sure if I fully understand.

    You are trying to move the Go to Approach to align with the bottom of the image?

    #1596007
    Joost

    yes thats exactly what I’m trying 😉

    #1596188
    Ying
    Staff
    Customer Support

    Hi Joost,

    To achieve what you are looking for, it’s best to build the structure with GB as the screenshot below:
    https://tinyurl.com/y852r2wc

    And set the Horizontal Gap of grid to 0, Vertical Gap of grid to 0, Vertical Alignment to top.
    https://tinyurl.com/yaedpbfx

    Let me know 🙂

    #1596253
    JOSE GILBERTO

    ¿DONDE PUEDES ABRIR UN TEMA O TENER CONTACTO CON SOPORTE TÈCNICOS DE GENERATEPRESS?

    #1596325
    Elvin
    Staff
    Customer Support

    Hi @Jose Gilberto,

    ¿DONDE PUEDES ABRIR UN TEMA O TENER CONTACTO CON SOPORTE TÈCNICOS DE GENERATEPRESS?

    You can open a new topic here for any technical concerns or you can contact us through our Contact us page here: https://generatepress.com/contact/

    A wise man once said:
    "Have you cleared your cache?"

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