Plugin Support
Leo
(@leohsiang)
Hi there,
Any chance you can link us to the page in question?
Let me know š
Yes, of course: The site is still under development, but the main elements are there.
Thanks!
Plugin Support
Leo
(@leohsiang)
Couple of options for you to try.
Option 1:
Try this CSS
.gb-query-loop-wrapper p.read-more-container {
margin-left: auto;
margin-right: auto;
}
Learn how to add CSS: https://docs.generatepress.com/article/adding-css/
Option 2:
Edit the Post excerpt Headline block to disable the Use default more link option under the Dynamic component: https://www.screencast.com/t/o7LLMho9gv
Then add a GB Button block with a Button Container below the Post excerpt and enable the dynamic data: https://www.screencast.com/t/YWCb2kQrVO3
Then follow the steps here to align the button: https://docs.generateblocks.com/article/button-alignment/#multiple-button-blocks-in-one-row-with-alignment
Plugin Support
Leo
(@leohsiang)
Actually, ignore the reply above.
Try selecting the Post excerpt Headline block and set the Align Items to center should work: https://www.screencast.com/t/HcJ64NZamYl
I explained it poorly, I guess. Not sure whether this is vertical or horizontal alignment. š
The buttons should be on the same y-position. Please, see this screenshot:
View post on imgur.com
-
This reply was modified 3 years, 2 months ago by
cutu234.
Plugin Support
Leo
(@leohsiang)
Ahh ok. Can you use these settings to make sure they are equal height first? https://docs.generateblocks.com/article/equal-height-grid-containers/
OK, changed it to 100% height.
Hi @cutu234,
Try adding this CSS:
.gb-grid-wrapper.gb-grid-wrapper-0ee893ef.gb-query-loop-wrapper > .gb-grid-column > .gb-container > .gb-headline > .read-more-container {
margin-top: auto;
}
Set the Container Block to display flex – column.
Set the Headline Block for the excerpt to flex-grow 1.
Set the Container Block to display flex ā column.
Do you mean the wrapper container block or the post template container?
View post on imgur.com
Sorry, I meant the Post Template Block.
That did the trick. Thank you very much! Seems to me a little bit complicated for such a standard layout. This should be the default setting, in my humble opinion. I think that pretty much everybody wants buttons aligned like this. š
Is there a setting to make it work on archive pages? Or do I have to change the CSS manually?
I used to use WP Show Posts together with Generatepress for custom loops, which is an awesome combination. Unfortunately, WP Show Posts was retired. I must admit that I’m not a huge fan of the block editor. To be honest, I absolutely hate it. This is the first I really use it, and I still struggle with it.
You just need the CSS because of the Read more button.
If you add a read more button through a GB Button Block instead, you can add an auto margin-top to it and you’re good to go with the same setting on any page.
That setup should work on archive pages as well.
The Block Editor is the current and the future direction of WordPress. I would say adapting to it would be great development-wise.
The Block Editor is the current and the future direction of WordPress. I would say adapting to it would be great development-wise.
I hear you. But working with this monster is like riding a 5000 Dollar bike with flat tires and a rusty chain. And let’s not talk about the source code it produces. The DIV hell really makes me feel sick.
Anyway, thank you for the great support. I really hope that at least Generatepress will never ever become a block theme. š
You’re welcome, @cutu234!
