Changing portfolio grid overlay font and size for 2 lines

Site URL: http://bjornsorensen.com

See the portfolio sectionat the page bottom. I want the overlay text as 2 separate lines. First line with bold weight 30px and second line with regular weight 20px. How can I do this?

On 1/18/2022 at 4:20 AM, bjornsorensen said:

Site URL: http://bjornsorensen.com

See the portfolio sectionat the page bottom. I want the overlay text as 2 separate lines. First line with bold weight 30px and second line with regular weight 20px. How can I do this?

Add to Design > custom CSS

a.grid-item h3 {
    font-weight: bold;
}
a.grid-item h3:after {
    display: block;
    font-size: 20px;
    font-weight: normal;
}
a.grid-item[href="/home/linak-film"] h3:after {
    content: "Employer Branding film";
}
a.grid-item[href="/home/oj-product-branding"] h3:after {
    content: "Produkt Branding";
}

Repeat similar for other items

Hello I am trying to apply this to my site and really failing at adjusting the code, can you assist please.

I want the hover text on the portfolio pages (all projects) to be on two lines. I also want the top line text to be larger.

www.emmapartridge.co.uk

thanks

On 11/21/2022 at 6:18 AM, Emmapartridge said:

Hello I am trying to apply this to my site and really failing at adjusting the code, can you assist please.

I want the hover text on the portfolio pages (all projects) to be on one line. I also want the top line text to be larger.

 

www.emmapartridge.co.uk

 

thanks

What is password?

Nola

On 11/25/2022 at 4:49 AM, Emmapartridge said:

Nola

I want the hover text on the portfolio pages (all projects) to be on one line. I also want the top line text to be larger.

You mean one line or two lines???

If one line, what is top line text?

https://www.emmapartridge.co.uk/projects

Nola