Support » Plugin: YARPP - Yet Another Related Posts Plugin » How to add a space under the text?

  • Resolved enolawest

    (@enolawest)


    Hello,

    I have no space between the title and the images. Do you have a solution to solve the problem?

    Thank you!

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

Viewing 14 replies - 1 through 14 (of 14 total)
  • Plugin Support aslamdoctor

    (@aslamdoctor)

    If you are familiar with the CSS, add something like this to your stylesheet

    .yarpp-related h3{
        margin-bottom:15px !important;
    }

    That will add some space. Increase/Decrease the value 15px to your preferrable one by testing how it looks.

    Thread Starter enolawest

    (@enolawest)

    It’s perfect!
    I have another question, how to raise the text that is under the image a little?

    https://zupimages.net/viewer.php?id=22/23/gmk9.png

    Plugin Support aslamdoctor

    (@aslamdoctor)

    can you share the link of your web page, so we can inspect and guide you for this.
    This is something your website/theme developer can do very easily.

    Thread Starter enolawest

    (@enolawest)

    Another question, how to lengthen the text under the images? Sometimes I miss a few words for the title to be complete.

    Thread Starter enolawest

    (@enolawest)

    This is the link : https://miss-perruque.com/

    Thank you

    Plugin Support aslamdoctor

    (@aslamdoctor)

    Add this to your stylesheet and it should stop cutting off text under images.

    .yarpp-thumbnails-horizontal .yarpp-thumbnail{
        min-height: 200px;
    }
    Plugin Author yarpp

    (@jeffparker)

    Try:

    
    .yarpp-thumbnails-horizontal .yarpp-thumbnail {
        height: auto !important;
    }
    
    .yarpp-thumbnails-horizontal .yarpp-thumbnail>img {
        margin-top: 5px !important;
    }
    
    Thread Starter enolawest

    (@enolawest)

    I tryed your code but it’s not working.

    Plugin Author yarpp

    (@jeffparker)

    @enolawest Did you include the !important? This is key.

    Plugin Author yarpp

    (@jeffparker)

    How to raise the text that is under the image a little?

    
    .yarpp-thumbnails-horizontal .yarpp-thumbnail>img {
        margin-bottom: 4px !important;
        margin-top: 5px !important;
    }
    

    ^ this (margin-top) also fixes another CSS conflict on the page.

    How to lengthen the text under the images? Sometimes I miss a few words for the title to be complete.

    
    .yarpp-thumbnails-horizontal .yarpp-thumbnail {
        height: 100% !important;
    }
    
    .yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
        max-height: unset !important;
    }
    
    Thread Starter enolawest

    (@enolawest)

    Everything is fine now
    Thanks again

    Thread Starter enolawest

    (@enolawest)

    .yarpp-related h3{
    margin-bottom:5px !important;
    }
    .yarpp-thumbnails-horizontal .yarpp-thumbnail{
    min-height: 210px;
    }
    .yarpp-thumbnails-horizontal .yarpp-thumbnail>img {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    }
    .yarpp-thumbnails-horizontal .yarpp-thumbnail {
    height: 100% !important;
    }

    .yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    max-height: unset !important;
    }

    Should I leave all the lines like this?

    Plugin Author yarpp

    (@jeffparker)

    @enolawest you can try removing/editing some and see if the result is what you like 🙂

    Thread Starter enolawest

    (@enolawest)

    Thank you very much, i really appreciate it.

    Great support!

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