Change word -view- on Flatiron template

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

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!

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

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

Great! Thank you both!

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

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!

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

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

Tried using this code. I want different sub headings for each project. Can't see to be happening when i paste the project url. Thank you in advance!

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.

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