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
  • Replies 4
  • Views 515
  • Created
  • Last Reply
#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.

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?

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.