Read more button on It’s Own Line

  • Resolved gerdruetten

    (@gerdruetten)


    3 years, 10 months ago

    I need the read more button or link to display on it’s own line. I have tried so many times with CSS but I can’t get it to work. How is this supposed to be done?

    Best regards
    Gerd

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi Gerd, The page link you have put is password protected, so can’t see anything.
    Regards
    Neil

    Thread Starter gerdruetten

    (@gerdruetten)

    Hi Neil, excuse my mistake.
    I have deactivated password protection.

    Best regards
    Gerd

    Hello Gerd
    The way I made the read more buttons align was to (A) Fix the height of the H4 Title (B) fix the height of the content view field and (C) fix the read more button to the bottom of that field. Not a perfect solution, with flaws regarding extra long titles or text character lengths + the need to vary the height with @media to cater for different device widths. You will have to tweak these
    (A)
    .pt-cv-view .pt-cv-title {
    margin-bottom: 10px;
    height: 40px;
    }

    (B)
    #pt-cv-view-c601cf8q9t .pt-cv-ifield {
    height: 365px;
    }
    (C)
    .pt-cv-wrapper .btn-success {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    }

    Hope that helps
    Regards
    Neil

    Thread Starter gerdruetten

    (@gerdruetten)

    Hi Neil,

    perfect!
    Thank you very much!

    Regards
    Gerd

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Read more button on It’s Own Line’ is closed to new replies.