Thumbnail caption wider than thumbnail?

[billykioso]

Hello, I would like my thumbnail captions to run wider than my thumbnail width. Currently I can't do this, as the caption width is defined by the image width.

Here's a screenshot of I am trying to do.

Is it possible somehow? Any suggestions would be much appreciated!

[Richard]

Dear @billykioso

This is for sure possible with some CSS Added within 'Lay Options - Custom CSS & HTML"

Are you able to post a link to your website with example thumbnails? & i will do my best to give you some code relating to your situation :)

Best wishes
Richard

[billykioso]

Hello Richard, many thanks, here is the link.
http://test.clarechapman.com/studiosyn-3

I have added my comments to the page, in blue.

[Richard]

Dear @billykioso

Not the most beautiful solution, but let me know if it works for you! :

.lay-textformat-parent.below-image {
    width: 200%;
    margin-left: -50%;
}

You can change the values to suit your needs - also: this will apply across the whole page - you may wish to be more specific with what you target

Best wishes & have a wonderful day
Richard

[billykioso]

@Richard-K said in Thumbnail caption wider than thumbnail?:

.lay-textformat-parent.below-image {
width: 200%;
margin-left: -50%;
}

I don't entirely understand how it works, but I've gone for:
width: 300%
margin-left: -100%
...which seems to work just fine!

Thank you!