[Resolved] read more button fixed position

[Mohammed]

Can you please just explain briefly what you did?

the difference between the first css and the last one

[Ying]

Hard to explain… I’m never good at this..

Here’s a guide on Flexbox, I learned it from this link: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

[Mohammed]

Ok. i know flex box a bit.

I mean the selector is not the same.

[Ying]

Because all the headline blocks are actually nested in the .gb-container.align-button > .gb-inside-container, so I use flexbox to re-do the layout inside gb-inside-container 🙂

[Mohammed]

Ok i see thanks for the explanation.

[Ying]

No problem 🙂

[Mohammed]

Can you please quickly help with this too, this will help me understand

i need the date to go to the bottom

i added a classe “post-meta-flex” to the container of the last blog square and the date

and then added this css

.post-meta-flex {
display:flex;
flex-direction: column;
align-content: space-between;
}

but it’s not working. I might be missing or mis applying something here.

[Ying]

change the CSS to:

.post-meta-flex > .gb-inside-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

[Mohammed]

Ah ok, i forget that i changed the css to align-content.

So if i want to apply custom flex, i’ll have to add the > .gb-inside-container ??

[Ying]

So if i want to apply custom flex, i’ll have to add the > .gb-inside-container ??

Yes, GB adds an gb-inside-container to the containerblock 🙂

[Mohammed]

So why it was not applied to the first CSS?

it was just

.align-buttons {
display: flex;
justify-content: flex-end;
flex-direction: column;

}

[Ying]

It’s just for different purposes.

[Mohammed]

Ok thank you very much for all your help.

[Ying]

No problem 🙂

[Mohammed]

Can you please help with this too.

I applied same CSS for the blog post template ) to the post navigation

but it’s not working.

I don’t have much time for this, would appreciate your help on this with a brief explanation.

thanks.

[Author]

Posts