[Share] Two lines of text on Portfolio Page thumbnails

To make portfolio text in two lines, you can follow these steps. 

If you can't make it work, you can send link to Portfolio Page + Code you added, I can check and adjust your code easier.

#1. Determine which portfolio page layout you are using.

First, edit the Portfolio Page

See this

If the Portfolio layout is Grid: Simple or Grid: Overlay, use #3.1 code.

If the Portfolio layout is Hover: Follow Cursor or Hover: Fixed or Hover: Background, use #3.2 code

#2. Find Portfolio Item URL

Just click on each item in the Portfolio List Page, you will see the item URL

Some examples

or you can also hover on the portfolio item > Click 3 dots > Settings

and see URL Slug

#3.1. With Portfolio layout Grid: Overlay or Grid Simple. Use this code to Custom CSS box

a.grid-item h3:after {
    display: block;
    font-size: 17px;
}
a.grid-item[href="/portfolio01-gridsimple/project-01"] h3:after {
    content: "social media";
}
a.grid-item[href="/portfolio01-gridsimple/project-02"] h3:after {
    content: "marketing";
}
a.grid-item[href="/portfolio01-gridsimple/project-03"] h3:after {
    content: "branding";
}
a.grid-item[href="/portfolio01-gridsimple/project-04"] h3:after {
    content: "motion graphics";
}
a.grid-item[href="/portfolio01-gridsimple/project-05"] h3:after {
    content: "social media";
}
a.grid-item[href="/portfolio01-gridsimple/project-06"] h3:after {
    content: "digital marketing";
}

Result

Remember to replace with the Item URL Slug you have in #2.

#3.2. With Portfolio layout is Hover: Follow Cursor or Hover: Fixed or Hover: Background. Use this code to Custom CSS

a.portfolio-hover-item span:after {
    display: block;
    font-size: 17px;
}
a.portfolio-hover-item[href="/portfolio-hover-follow-cursor/project-01"] span:after {
    content: "social media";
}
a.portfolio-hover-item[href="/portfolio-hover-follow-cursor/project-02"] span:after {
    content: "marketing";
}
a.portfolio-hover-item[href="/portfolio-hover-follow-cursor/project-03"] span:after {
    content: "branding";
}
a.portfolio-hover-item[href="/portfolio-hover-follow-cursor/project-04"] span:after {
    content: "motion graphics";
}
a.portfolio-hover-item[href="/portfolio-hover-follow-cursor/project-05"] span:after{
    content: "social media";
}

Result

Remember to replace with Item URL Slug in #2.