Jump to content

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

Recommended Posts

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

Link to comment
#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.

Edited by rwp
Link to comment

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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 month later...
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?

Edited by rabnyc
Link to comment
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.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.