Topic Resolution: Resolved
  • Closed
  • Pako Moritz
    Spectator
    April 10, 2016 at 10:31 pm #26410

    Hi, is it possible to get the read more button on posts page to the same hight as its neighbor? Or a fixed width of the blog post boxes?

    Example
    Example

    Website

    Denzel Chia
    Moderator
    Posts: 2656
    April 11, 2016 at 2:02 am #26418

    Hi,

    The position of your readmore button depends on your amount of content.
    Therefore you can provide a minimum content height and your buttons will align

    .home .entry-content {
    min-height: 460px !important;
    }

    Thank you

    Pako Moritz
    Spectator
    Posts: 40
    April 11, 2016 at 12:54 pm #26441

    This is hot :). Working perfectly. Thank you very much.

    Denzel Chia
    Moderator
    Posts: 2656
    April 12, 2016 at 2:36 am #26454

    You are welcome!

    Pako Moritz
    Spectator
    Posts: 40
    August 24, 2016 at 10:28 am #29963

    Hi, sorry for reopen. How can i get this to work at category or search result pages? I replaced .home with other names but i takes no effect.

    Daniel Jones
    Spectator
    Posts: 148
    August 24, 2016 at 12:48 pm #29967

    Hi Pako,

    The CSS code should if you replace .home (page id) with the search result and category page id. For example, for the search result, the page id is .search-result. Kindly share the link to the category page so I can provide you with the correct page id and appropriate CSS code.

    Let me know.

    Pako Moritz
    Spectator
    Posts: 40
    August 24, 2016 at 3:47 pm #29972

    I tried with

    .search-result .entry-content {
    min-height: 460px !important;
    }

    but no correct result if i start es search. Is misaligned.

    Here are the Categories…

    Denzel Chia
    Moderator
    Posts: 2656
    August 25, 2016 at 1:52 am #29985

    Hi,

    The HTML structure for search, category, archive are slightly different ( I don’t know why 🙂 )

    Note: Please keep the previous code and add the following in Theme Options -> Custom CSS

    .category .entry-content p, .search .entry-content p, .archive .entry-content p {
    height: 170px !important;
    }

    Thank you.