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
  • Created
  • Last Reply

Top Posters In This Topic

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

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

 

Edited by paul2009

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

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

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

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

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.