Change word -view- on Flatiron template for individual projects (not globally)

Site URL: https://www.ninabaysdesign.com/

Hello,

I am trying to make a change to the word "view" for each of my gallery tiles on this site: https://www.ninabaysdesign.com/ with no luck.

I tried this CSS code from this forum post and it is not working for me. I used the full URL and the /URL and neither way worked.
https://forum.squarespace.com/topic/151878-change-word-view-on-flatiron-template/

#grid .item a[href="https://www.ninabaysdesign.com/keen"] div.wrapper div.project-title h3 {
    visibility: hidden;
}
#grid .item a[href="https://www.ninabaysdesign.com/keen"] div.wrapper div.project-title h3:after {
    visibility: visible;
    content: "Graphic Design, Packaging Design";
    font-size: 10px;
    font-family: monospace;
    display: block;
    text-align: center;
}

Could you please help me figure this out. I want to change the word VIEW for each title with a specific subheading for each project and not a global edit.

Thank you,

Irene

#grid .item a[href="/keen/"] div.wrapper div.project-title h3 {
    visibility: hidden;
}

#grid .item a[href="/keen/"] div.wrapper div.project-title h3::before {
    visibility: visible;
    content: "NEW";
}

This will work, but its not going to center the new text correctly.

Try adding to Home > Design > Custom CSS

#grid .item a[href="/keen/"] h3 {
    visibility: hidden;
}

#grid .item a[href="/keen/"] h3:before {
    visibility: visible;
    content: "NEW text";
    position: absolute;
}

On 6/28/2020 at 5:00 AM, tuanphan said:

Try adding to Home > Design > Custom CSS

#grid .item a[href="/keen/"] h3 {
    visibility: hidden;
}

#grid .item a[href="/keen/"] h3:before {
    visibility: visible;
    content: "NEW text";
    position: absolute;
}

 

very helpful as I was also trying to edit "-view-" to customized text per project.

I tried this code from the home>design>custom css and it does not seem to be centered, but I appreciate this step as it has helped tremendously.

Is there also a way to add the hover subtitle text to the mobile view of the grid?

On 7/30/2020 at 12:44 AM, rabnyc said:

very helpful as I was also trying to edit "-view-" to customized text per project.

I tried this code from the home>design>custom css and it does not seem to be centered, but I appreciate this step as it has helped tremendously.

Is there also a way to add the hover subtitle text to the mobile view of the grid?

Can you share link to your site? We can check easier.