Help, Adding Subtitle to Portfolio Project Title won't work!

Hi!

I've been triying to add a subtitle to my portfolio projects in my main page ( https://gerbil-asparagus-8lxp.squarespace.com/ , Pass. Goodmorning) But I have been not able to do it (the only solution I found was using the <Span> in the main title but I cant choose the font size of the second line ( And I will preffer to do add it with Css in order to keep clean the title.)).

Also I have tried this code I found but didnt work at all.

----------------------

/* Add subtitle */

.portfolio-hover-items {

    display: block;

}

a.portfolio-hover-item [href="/autograph-collection/aroma-aliksir"] h3:after {

    content: "subtitle 01";

}

/* Add subtitle */

.portfolio-hover-items {

    display: block;

}

a.portfolio-hover-item [href="/autograph-collection/aroma-aliksir"] h3:after {

    content: "subtitle 01";

}

----------------

Any help will be greatly appreciated!

Thank you!

Use this CSS code instead

a.portfolio-hover-item[href="/autograph-collection/aroma-aliksir"] span:after {
    content: "subtitle 01";
    display: block;
    font-size: 14px;
}

On 5/2/2024 at 2:23 AM, tuanphan said:

Use this CSS code instead

a.portfolio-hover-item[href="/autograph-collection/aroma-aliksir"] span:after {
    content: "subtitle 01";
    display: block;
    font-size: 14px;
}

 

Thank you @tuanphan It does work! but It creates one more issue, as now the portfolio titles are not correctly aligned, they are centered more to the right.

And the subtitles I cant center them to the title neither.

On 5/7/2024 at 12:34 PM, ECZ said:

Thank you @tuanphan It does work! but It creates one more issue, as now the portfolio titles are not correctly aligned, they are centered more to the right.

And the subtitles I cant center them to the title neither.

Add this code under

span.portfolio-hover-item-content {
    display: inline-block !important;
}

11 hours ago, tuanphan said:

Add this code under

span.portfolio-hover-item-content {
    display: inline-block !important;
}

 

Hi @tuanphan Its not working, it only puts the subtitle and the title in the same line.

Actually I realize that adding " text-align:center " it does centers the subtitle but the main titles are the ones that are not aligned, they are moved to the right, does are the ones I need to be centered as the subtitle are now.

The titles not centered & moved to the right happened when I added the code for the subtitles.

On 5/11/2024 at 9:30 PM, tuanphan said:

I just tested & it still works here. Can you add & keep the code in CSS box? I can check again easier

You are absolutly right @tuanphan! Thank you for your assistance! I was doing it wrong. Thank you again!