• Resolved tia44oth

    (@tia44oth)


    Hi,

    I am using post grid #1 and the ‘Read More’ button isn’t positioned at the same level if the title above has a different number of lines on different cards.

    How can I set the Read More button to be positioned at the same level on all post cards?

    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi there,

    Thanks for reaching out.

    You can set the max length for the title that will help to solve this problem.

    Here is the Screenshot

    Let me know if this helps.

    Thread Starter tia44oth

    (@tia44oth)

    Hi there,

    Thanks for this but unfortunately this doesn’t solve the issue as I would like all the titles to be visible in full. Some of them are across 1 line, others 2 lines etc. How can I adjust the Read More button to adjust accordingly so that they are all located at the same level regardless of the length of the title?

    Thanks

    I understand your concern. Please know that , if one post title is bigger then it will definitely take more space than other. the best way to handle this – customizing the max limit for title . If You need to check adding different value and adjust the title in the editor.

    Thread Starter tia44oth

    (@tia44oth)

    Thanks but this doesn’t answer my question. As mentioned before, I don’t want to customize the max length of the titles as they should be showing in full. Is there some CSS that can be added so that the Read More buttons are all aligned at the same level and auto adjust regardless of the length of the title?

    Thanks

    We will bring this in our future update so that Element positions at same level in post card of grids .

    Temporarily you can use css to your block – settings> advance > advance css –

    {{ ULTP }}?.ultp-block-content-wrap { display: flex; flex-direction: column; }
    {{ ULTP }}?.ultp-block-image { overflow: visible; }
    {{ ULTP }}?.ultp-block-content { height: 100%;
    display: flex;
    flex-direction: column; }
    {{ ULTP }}?.ultp-block-readmore { margin-top: auto; }

    Hi! I did try the code above but it did not align the Read more buttons. It only cropped the image a little bit. ?? What am I doing wrong? ??

    As We will be including this in future update. Please wait for its availability to prevent any issues.

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.