- This topic has 9 replies, 5 voices, and was last updated 5 years, 4 months ago by
Elvin.
-
AuthorPosts
-
December 25, 2020 at 2:41 am #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?December 25, 2020 at 10:55 am #1594212Leo
StaffCustomer SupportHi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know 🙂
December 25, 2020 at 1:49 pm #1594276Joost
here it is 😉
December 25, 2020 at 6:18 pm #1594351Leo
StaffCustomer SupportYou shouldn’t need CSS for that – I just tested and it should work like this:
https://www.screencast.com/t/cnxIU5dTYlLooks like you are adding some unnecessary grids – make sure your block navigation looks like this:
https://www.screencast.com/t/qKlN1Pp2lA6hDecember 26, 2020 at 2:24 am #1594532Joost
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 gridDecember 26, 2020 at 10:45 am #1595017Leo
StaffCustomer SupportNot sure if I fully understand.
You are trying to move the Go to Approach to align with the bottom of the image?
December 27, 2020 at 12:57 pm #1596007Joost
yes thats exactly what I’m trying 😉
December 27, 2020 at 8:29 pm #1596188Ying
StaffCustomer SupportHi Joost,
To achieve what you are looking for, it’s best to build the structure with GB as the screenshot below:
https://tinyurl.com/y852r2wcAnd set the Horizontal Gap of grid to 0, Vertical Gap of grid to 0, Vertical Alignment to top.
https://tinyurl.com/yaedpbfxLet me know 🙂
December 27, 2020 at 10:18 pm #1596253JOSE GILBERTO
¿DONDE PUEDES ABRIR UN TEMA O TENER CONTACTO CON SOPORTE TÈCNICOS DE GENERATEPRESS?
December 28, 2020 at 12:08 am #1596325Elvin
StaffCustomer SupportHi @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/
-
AuthorPosts
- You must be logged in to reply to this topic.