iscoseria Posted June 27, 2020 Share Posted June 27, 2020 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
rwp Posted June 27, 2020 Share Posted June 27, 2020 (edited) #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 June 27, 2020 by rwp tuanphan 1 Link to comment
tuanphan Posted June 28, 2020 Share Posted June 28, 2020 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
rabnyc Posted July 29, 2020 Share Posted July 29, 2020 (edited) 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 July 29, 2020 by rabnyc Link to comment
tuanphan Posted July 31, 2020 Share Posted July 31, 2020 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment