Image Title Customization

A couple of years ago, I was able to customize my site so that the gallery image titles, while in their hover state,  could have different text styles for each line. I've attached two images of how I would enter the title text and the result it would give me.

Now, when I create new projects using the same formatting, I cannot achieve different text styles (see image below).

Any insight what I may be doing wrong?

Can you share link to page where you use second screenshot? We can check easier

Here it is: https://mwilkime.com/music-videos

Thank you!

You can use this code to Website Tools (under Not Linked) > Custom CSS to change second text style

p.thumb-desc {
    color: rgba(255,255,255,0.5);
    font-size: 15px;
}

Thank you but this still isn't solving the issue. I'm using the same formatting in the TITLE field but the text style isn't changing for the second line: "M&M's </h2> Art Director </p>"

13 hours ago, MWilkime said:

Thank you but this still isn't solving the issue. I'm using the same formatting in the TITLE field but the text style isn't changing for the second line: "M&M's </h2> Art Director </p>"

Can you take a screenshot of position where you changed this? As I check the code, it should have another option to insert this second text

Attached are screenshots where I inserted the code you provided, how I input my text and the result I get.

Have you tried adding second text to Description box yet?

also, your title HTML code is invalid, it is missing opening and closing tag

It should be

<h2>M&M's</h2><p>Art Director</p>

or

M&M's<h2>Art Director</h2>

Yay, this works! Last thing, some of my longer titles span multiple lines, but the text will overlap each other. What's the solve for this?

I guess H2 line height too low so they overlap.

Add this to Website Tools (under Not Linked) > Custom CSS

h2.thumb-caption {
    line-height: 30px !important;
}