Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 3, 2019 at 1:43 am #1096669
    bbarta28

    Hi there!

    I’m using the blog post element with all my blogs in a 3 column grid. I noticed that the Read More buttons align differently depending on how long the blog title is — usually one or two lines, probably never more than 3. Is there a way to set a default position for these so they are always aligned?

    Here you can see that the third Read More button is shifted down.

    read more

    Also, I would like to remove the dates and comments shown above from the homepage only. When I uncheck this in the blog meta data section, it removes it from the blog post itself. I want to keep those there when you open the post, but remove them from the homepage to only display the Read More buttons.

    Any help is appreciated! Thank you
    Brianne

    May 3, 2019 at 1:44 am #1096671
    bbarta28

    Try this link if the image does not work:

    http://5vo.fab.myftpupload.com/wp-content/uploads/2019/05/Screen-Shot-2019-05-02-at-7.38.29-PM.png

    • This reply was modified 5 years, 6 months ago by bbarta28.
    May 4, 2019 at 5:02 am #1097049
    Rikard

    Hi,

    Thanks for the screenshot, could you post a link to where we can inspect the element in question as well please?

    Best regards,
    Rikard

    May 4, 2019 at 5:20 pm #1097256
    bbarta28

    Hi Rikard! No problem — here is the link:

    Home

    Thank you!

    May 5, 2019 at 1:21 pm #1097422
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .slide-content .entry-content-header h3.slide-entry-title {
    height: 80px;
    min-height: 80px;
}

    Best regards,
    Rikard

    May 6, 2019 at 3:08 am #1097542
    bbarta28

    Yay! That aligned the buttons, thank you!

    Now how do I also hide the comments and date below each post on the homepage only? I want them to appear on the homepage itself still, but not on the homepage.

    Thank you so much!

    May 6, 2019 at 4:45 pm #1097731
    Nikko

    Hi bbarta28,

    Try adding this css code:

    .home .slide-entry .entry-footer {
    display: none;
}

    Hope it helps.

    Best regards,
    Nikko

    May 6, 2019 at 7:27 pm #1097789
    bbarta28

    Thank you so much! This worked perfectly. I’m all set!

    May 7, 2019 at 12:29 am #1097865
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Blog Post – Read More Button Alignment’ is closed to new replies.