skip to Main Content

I am creating a page with the Advanced Post widget but am unable to align the Read More button at the bottom of the column. I am trying the below code but it’s not working

.pp-post-excerpt {
    margin-bottom: 55px;
}
.pp-posts-button {
    position: absolute;
    bottom: 30px;
}

2

Answers


  1. Im not sure what you want but you can use flex box for move button to bottom of card
    If you need more say

    Login or Signup to reply.
  2. The following css will cause the Read More to stick to the bottom of the column. I tested it using the browsers dev-tools on your site so it should work.

    .pp-post-content {
      display: flex;
      flex-direction: column;
      align-items: start;
      height: 100%;
    }
    .pp-posts-button {
      margin-top: auto;
    }
    
    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search