SolveigTraeet Posted January 19, 2021 Share Posted January 19, 2021 (edited) Site URL: https://caper-badger-3s6d.squarespace.com/about Password: home I want to replace the ''garamond'' page-link titles, with my custommade ''text-images'' from Adobe illustrator (see picture attached). I want my custom made ''text-images'' to be my page-link titles. Can anyone help me? Edited February 3, 2021 by SolveigTraeet Link to comment
tuanphan Posted January 20, 2021 Share Posted January 20, 2021 I don't see Garamon item? 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
SolveigTraeet Posted January 25, 2021 Author Share Posted January 25, 2021 On 1/20/2021 at 3:25 PM, tuanphan said: I don't see Garamon item? @tuanphan I meant the pagelinks in folder. Can you help me replace the pagelinks in folder menu, with my own custom ''text-images''? Site URL: https://caper-badger-3s6d.squarespace.com/about Password: home Link to comment
SolveigTraeet Posted January 28, 2021 Author Share Posted January 28, 2021 @tuanphan Do you have time to help me with the code, for how I can replace the pagelinks in folder nav, with my own ''text-images''? Link to comment
tuanphan Posted February 1, 2021 Share Posted February 1, 2021 On 1/28/2021 at 7:28 AM, SolveigTraeet said: @tuanphan Do you have time to help me with the code, for how I can replace the pagelinks in folder nav, with my own ''text-images''? Hi. Sorry for the delay. I was off some day. Do you still need help on this? 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
SolveigTraeet Posted February 1, 2021 Author Share Posted February 1, 2021 (edited) On 2/1/2021 at 3:34 AM, tuanphan said: Hi. Sorry for the delay. I was off some day. Do you still need help on this? Yes, I still need help. Can you help me replace the pagelinks in Dropdown Folder, with my own custom ''text-images''? Site URL: https://caper-badger-3s6d.squarespace.com/about Password: home Edited February 2, 2021 by SolveigTraeet Link to comment
tuanphan Posted February 3, 2021 Share Posted February 3, 2021 I see custom image here. It looks like you solved? 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
SolveigTraeet Posted February 3, 2021 Author Share Posted February 3, 2021 (edited) 23 hours ago, tuanphan said: I see custom image here. It looks like you solved? @tuanphan No, I didn't solve it. I want to replace the page-link titles, not the nav icons (stars) next to page-link titles. Can you help me replace the page-link titles with my own custom text-images? Visual Picture of what I want: Replace page-link titles What it looks like now: What I want it to look: Edited February 4, 2021 by SolveigTraeet Link to comment
SolveigTraeet Posted February 4, 2021 Author Share Posted February 4, 2021 @tuanphan Can you help me with this today? Link to comment
tuanphan Posted February 5, 2021 Share Posted February 5, 2021 Add to Design > Custom CSS. Repeat for other items .header-nav-folder-item [href="/about"] { background-image: url(https://cdn.pixabay.com/photo/2020/12/18/15/29/mountains-5842346__340.jpg) !important; background-size: contain; background-repeat: no-repeat; background-position: center center; color: transparent !important; margin-bottom: 20px; } .header-nav-folder-item [href="/music"] { background-image: url(https://cdn.pixabay.com/photo/2020/03/24/05/08/horse-4962780__340.jpg) !important; background-size: contain; background-repeat: no-repeat; background-position: center center; color: transparent !important; margin-bottom: 20px; } 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
SolveigTraeet Posted February 5, 2021 Author Share Posted February 5, 2021 @tuanphan Thank you, but can you help me with the size adjustment? It looks like this now: I want it to look like this: Link to comment
tuanphan Posted February 6, 2021 Share Posted February 6, 2021 Try this new code. .header-nav-folder-item [href="/about"] { background-image: url(https://static1.squarespace.com/static/5feeff4078965c3d27c09d49/t/601d11477075187094652c94/1612517703227/pagelink1.png) !important; background-size: contain !important; background-repeat: no-repeat !important; color: transparent !important; margin-bottom: 5px; } (I added !important) SolveigTraeet 1 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
SolveigTraeet Posted February 6, 2021 Author Share Posted February 6, 2021 (edited) @tuanphan Thank you! Edited February 10, 2021 by SolveigTraeet 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