Jump to content

Change word -view- on Flatiron template

Recommended Posts

Guest SophieBaillot

Hello, on the Flatiron template, how can i change the word 'view' when you hover over a thumbnail? I would like to change it to the sign "+"
Thank you

Link to comment
  • Replies 12
  • Views 1.9k
  • Created
  • Last Reply

Add to Home > Design > Custom CSS

#grid .item a div.wrapper div.project-title h3 {
    visibility: visible;
}
#grid .item a div.wrapper div.project-title h3:after {
    visibility: visible;
    content: "enter your text";
    font-size: 10px;
    font-family: monospace;
    display: block;
    text-align: center;
}

 

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
Guest SophieBaillot

Hello Tuanphan,
Thank you! With this code i can add my text after the text - view -

Is it possible to overwrite this mention with the one i want?

Thanks again!

Link to comment

Hello Sophie @SophieBaillot

Try this instead:

#grid .item a div.wrapper div.project-title h3 {
  visibility: hidden;
  font-size: 0;
}
#grid .item a div.wrapper div.project-title h3:after {
  visibility: visible;
  content: "— your text —";
  font-size: 16px;
}

 

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment
3 hours ago, SophieBaillot said:

Hello Tuanphan,
Thank you! With this code i can add my text after the text - view -

Is it possible to overwrite this mention with the one i want?

Thanks again!

sorry, typo

this code, or code Paul2009 sent

#grid .item a div.wrapper div.project-title h3 {
    visibility: hidden;
}
#grid .item a div.wrapper div.project-title h3:after {
    visibility: visible;
    content: "enter your text";
    font-size: 10px;
    font-family: monospace;
    display: block;
    text-align: center;
}

 

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
  • 3 weeks later...
  • 4 months later...
On 11/18/2019 at 7:03 PM, rd2130 said:

What if you wished to change the word -view- on a per gallery basis as opposed to globally?  Would that be a page header code injection adjustment and if so what would that be?

Thanks in advance

Hi! I am looking for the same thing, did you found the solution? Thanks a lot!

Link to comment
On 11/19/2019 at 1:03 AM, rd2130 said:

What if you wished to change the word -view- on a per gallery basis as opposed to globally?  Would that be a page header code injection adjustment and if so what would that be?

Thanks in advance

 

9 hours ago, lauraeldin said:

Hi! I am looking for the same thing, did you found the solution? Thanks a lot!

Use this code for one project

#grid .item a[href="/url-project-1"] div.wrapper div.project-title h3 {
    visibility: hidden;
}
#grid .item a[href="/url-project-1"] div.wrapper div.project-title h3:after {
    visibility: visible;
    content: "enter your text";
    font-size: 10px;
    font-family: monospace;
    display: block;
    text-align: center;
}

Replace /url-project-1 with Project URL

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
On 4/14/2020 at 10:03 AM, tuanphan said:

Thank you so much!!!!

Use this code for one project


#grid .item a[href="/url-project-1"] div.wrapper div.project-title h3 {
    visibility: hidden;
}
#grid .item a[href="/url-project-1"] div.wrapper div.project-title h3:after {
    visibility: visible;
    content: "enter your text";
    font-size: 10px;
    font-family: monospace;
    display: block;
    text-align: center;
}

Replace /url-project-1 with Project URL

 

Link to comment
  • 4 months later...
  • 7 months later...

Hi! Did anyone figure out how to resolve this? How do you add a custom subheading for each individual thumbnail on flatiron home page/index? Basically, replace the "-view-" with text specific to each thumbnail. I tried the above code and it didn't seem to do anything.

Link to comment
16 hours ago, jayewhy said:

Hi! Did anyone figure out how to resolve this? How do you add a custom subheading for each individual thumbnail on flatiron home page/index? Basically, replace the "-view-" with text specific to each thumbnail. I tried the above code and it didn't seem to do anything.

Hi. Can you share link to your site? WE can do an example & you can repeat

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.