Circle titles under or in circle

For clarity link the Webpage in question

O, I’m sorry, here it is: https://www.wietske-dejong.nl

Try adding this to your Custom CSS Manager:

.blog .hentry {
    margin-bottom: 3em;
}

.hentry .thumbnail-title {
    display: block;
    margin-top: .3em;
    color: #666;
    white-space: nowrap;
    top: 105%;
}

Hi Andrew,

I have applied the code and took all the titles under the circles, here is the link.

How I can change the color to white?
So it can be readable.

Thanks,
Selin.

and the size please, the text is not seen in full.

Thanks a lot.

Changed the color.

.blog .hentry {
    margin-bottom: 3em;
}

.hentry .thumbnail-title {
    display: block;
    margin-top: .3em;
    color: #ffff;
    white-space: nowrap;
    top: 100%;
}

But not able to change font size. Will it effect the page titles when I go to each post.

.hentry .thumbnail-title {
    display: block;
    margin-top: 0.8em; /*creates space between image & text*/
    color: #ffffff; /*needs 3 or 6 characters*/
    white-space: nowrap;
    top: 100%;
    font-size: 1.1em; /*sets font size*/
}

Thanks a lot.
Some titles are a little long and can not be seen in full, is it possible to make in two lines, like:

title111111
rest of the title

Thanks,
Selin

Remove white-space: nowrap; and adjust margin-top:1.6em or to your liking.

Thats great.
Thanks alot.