[Resolved] read more button fixed position

[Mohammed]

Hi,

thanks for your theme and generate blocks.

How i can i have the read more button at fixed position, 45px from the bottom.

Thanks.

[Mohammed]

Also, how can i set the right and left margin? i’m not finding the css classe.

Would appreciate your help on this as well to gain some time.

Thanks.

[Ying]

Hi Mohammed,

Give this CSS a try:

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

Then increase the margin top of the buttonsblock.

how can i set the right and left margin?

What element are you asking for?

[Mohammed]

Thank you Yin,

that worked, but it changed the top content positioning. I’ll have to see that later on, maybe with minimum height on each elements.

For the margin, i’m talking about the page sides margin.

[Ying]

maybe with minimum height on each elements.

Yes, it’s better to specify the height for each device. Or just simple add a media query on my CSS just for mobile.

For the margin, it’s better to use padding instead:

.blog #content {
    padding-left: 20px;
    padding-right: 20px;
}

[Mohammed]

Ok thank you very much for the help.

[Ying]

You are welcome 🙂

[Mohammed]

Can we have an even space at the top with this? I’m not finding how atm

[Ying]

Then it’s better remove the min-height you set for container block.

[Mohammed]

I edited this because it was not resolved.

[Mohammed]

Ah sorry, that didn’t fixed the issue. forget it will change depending on the device size.

what i want is having the same top space on all posts, not dependent on the elements size.

[Mohammed]

i can’t remove the min-height. Post won’t have same height

[Ying]

Give this CSS a try:

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

.blog-button {
    margin-top: auto !important;
}

[Mohammed]

Yes that worked.

thank you very much.

[Ying]

No problem 🙂

[Author]

Posts