Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Jbenhaim's Achievements

Level 2

Level 2 (2/20)



  1. Perfect that worked! Only thing is the image is huge - where would I put in to adjust the size?
  2. Hi! Putting this in a separate thread. I'd also like to learn how to add custom icons to navigation links. Similar to this site's tutorial - https://www.beatrizcaraballo.com/blog/navigation-links-icons I added the code in section 5 to my site, making adjustments as needed - changing the name of the navigation links to what I have, and adding my custom icon urls. But the images didn't populate. I do have anchor links already set up - is this why it won't work? This is the exact code I'm using, just left out the links for the icons .Header-nav--primary .Header-nav-item:nth-child(1)::before { content: ''; height: 30px; width: 30px; display: inline-block; background: red; vertical-align: middle; } a#site-title, div.header-nav-item *, div.header-menu-nav-item * { font-family: 'fugue' !important; } /*BASIC STYLES FOR ALL LINKS*/ .Header-nav--primary .Header-nav-item::before, .Mobile-overlay-nav--primary .Mobile-overlay-nav-item::before { content: ''; height: 40px; width: 40px; display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin-right: 5px; } /*Clients LINK*/ .Header-nav--primary .Header-nav-item[href="/Clients"]::before, .Mobile-overlay-nav--primary .Mobile-overlay-nav-item[href="/Clients"]::before { background-image: url(' '); } /*Inquire LINK*/ .Header-nav--primary .Header-nav-item[href="/Inquire"]::before, .Mobile-overlay-nav--primary .Mobile-overlay-nav-item[href="/Inquire"]::before { background-image: url(' '); }
  3. Thanks! I'm not sure I explained it well - I'm not trying to have the custom icon replace a word as I type. I'd like to drop the icon in, in between text words - word icon word. Just want to make sure it's definitely not doable!
  4. Hello, I'd like to add custom icons in place of some words in a text box, and am trying to figure out custom css for that. For example "I have a dog" but replace the word dog with a custom icon of a dog. First time posting so let me know what other information is needed! Ideally this would be code where I can just drop the custom image info in, so that I can apply it in multiple places and for multiple words/icons.
  • 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.