Archived topic
"Read More" button link and placement
3 replies · Started by Roger on September 1, 2022
I'm building our blog index page here: https://alternateg1stg.wpengine.com/blog/
Can you tell me what I need to do to link my green "read more" buttons to their corresponding blog post?
Also, is there a way to style the button so that it's always located in the same location within the block? Right now, its position is linked to the post title. The shorter the title, the higher the button in the block.
Since the blog category button at the top of the block is always in the same location at the top, it would be nice to do the same with the read more button at the bottom.
1. You can enable the dynamic data for the button, select thecurrent postas data source, and single post as link source:
https://www.screencast.com/t/Zh6YoGHx
2. Try this CSS:
.dynamic-content-template.post > .gb-container {
display: flex;
}
.dynamic-content-template.post > .gb-container >.gb-inside-container {
flex: 1;
display: flex;
flex-direction: column;
}
.dynamic-content-template.post > .gb-container >.gb-inside-container > *:last-child {
margin-top: auto;
}Thanks so much, Ying. Here's the final result: https://alternateg1stg.wpengine.com/blog/
It really feels empowering to be able to build things on my own.
I'm so grateful to you and the other customer support reps for helping me to achieve this!
You are welcome!
It's our pleasure :)
