How to add a space under the text?

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.

• This reply was modified 2 years, 5 months ago by Aslam Doctor.

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

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.

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

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

Thank you

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

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

Try:

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
    height: auto !important;
}

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

I tryed your code but it’s not working.

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

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;
}

Everything is fine now
Thanks again

.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?

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

Thank you very much, i really appreciate it.

Great support!