change font size for different thumbnails

[susan39]

hey guys,

Is there a possibility to change the font size for different thumbnails?

thanks for your help and greetings :)

[Richard]

Dear Susan

@susan39

Not with any built in settings like in customise sorry, but you can do this manually. 🌝

If you have a Project Thumbnail separate in the Gridder you can give it a custom class and then assign a font to it:

The CSS would be something like:

.customclass{
font-family:my-font-family-name-here;
font-size:20px;
}

(you can find out the font-family name in "text formats"):

E.g:

.customclass{
font-family:_Default;
font-size:20px;
}

The above code would be added into > Lay Options > Custom CSS & HTML > Custom CSS

https://laytheme.com/documentation/custom-css-styling.html

If you are doing it in a Project Thumbnail Grid it would be a little more difficult, but still doable. We would need to inspect the Grid and target the specific thumbnail by its number.

In the Thumbnail Grid is the 'thumb-collection' which is holding all the thumbnail's inside. A single thumbnail is defined as 'thumbnail-wrap'.

So we could say the third thumbnail (thumbnail-wrap) is what we want to target and then apply the CSS to:

We can do this with the `nth-child' selector:

https://www.w3schools.com/cssref/sel_nth-child.asp

So code would look like:

.thumbnail-wrap:nth-child(3) {
font-family:my-font-family-name-here;
font-size:20px;
}

---

Hope this helps Susan and best wishes ✨

Richard

[susan39]

thank you very much!