Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Thank you, and all that makes sense and is helpful. We're set here.
  2. Neither of those seemed to work 😕. Still getting the same behavior (visible in Custom CSS view, not anywhere else including in an incognito window). // CUSTOM ICONOGRAPHY // cart .header .header-actions-action--cart svg { stroke: transparent !important; } .header-actions-action--cart .icon-cart-quantity { display: none !important; } /* .header .header-actions-action--cart { background-image: url('/s/shopping-cart.svg') !important; background-size: contain !important; height: 32px !important; }*/ .icon--cart { svg { display: block !important; } background-image: url('https://broccoli-parakeet-js8k.squarespace.com/s/shopping-cart.svg') !important; background-size: 32px 32px !important; background-repeat: no-repeat !important; }
  3. That didn't work. Is there a way to instead use the raw SVG code rather than rely on an SVG file to load, perhaps?
  4. Hmm.. the icon seems to not be reliably showing up after implementing the code below. It seems to only be visible when I'm in the Custom CSS view. Thoughts anyone? Custom CSS view Standard view // cart .header .header-actions-action--cart svg { stroke: transparent !important; } .header-actions-action--cart .icon-cart-quantity { display: none; } .header .header-actions-action--cart { background-image: url('/s/shopping-cart.svg'); background-size: contain; }
  5. Tried searching the forum but seems no one's asked on how to use an SVG as a replacement for the cart icon. I don't want to use a PNG, because I wouldn't be able to control the color at that point. I started using the following code to replace the default cart icon but the SQS interface wouldn't let me upload an SVG (odd, right?), so I couldn't define a background-image url. Since I can't upload an SVG file (unless I'm missing something), how can I leverage the raw SVG code to replace the default cart icon? https://broccoli-parakeet-js8k.squarespace.com/ Site Password: duckdogelk // cart icon .header .header-actions-action--cart svg { stroke:transparent!important } .header-actions-action--cart .icon-cart-quantity { display:none } .header .header-actions-action--cart { background-image: url(image-url-here); background-size: contain }
  6. Just checked and looks like this has finally been resolved, or at least one part of the problem.
  7. Ah—div id then class then html tag. That worked of course, and as always thank you one thousand @tuanphan
  8. Site URL: https://heptagon-bugle-5sad.squarespace.com/ Here's yet another basic CSS question over how to target and change the font of one div block on a particular page. Sorry for redundancy. Site is on 7.1 and at https://heptagon-bugle-5sad.squarespace.com/ and password is 4c5sad Under section[data-section-id="62d1ca1f7242da41460f5e9f"] of the homepage, I need to change the title "Subheadline to Who We Are" there to a header style, or rather to just this: font-family: 'barlow_semi_condensedblack', sans-serif !important; letter-spacing: -1px !important; Help.
  9. The simplicity of this solution makes me kick myself that I hadn't thought of it. This worked perfectly. Thank you @creedon
  10. @creedon Here's the public URL: joroha.co/wellevate-dosage-ux All the copy that I would like to highlight is already italicized. Bold seems to be an obvious answer to my problem, however I use that style for some headings. A color highlight would serve my purposes better—helping recruiters & hiring decision-makers to scan content for the most pertinent stuff. Thanks in advance.
  11. I need to do the same, but I have Galleries and page descriptions (in 7.0) that don't allow markdown blocks. So, I wonder if/how we're able to globally replace all Italic text with something like: font-style:normal; background-color:green; Basically, how would I target the italic font style globally? I hardly ever use italic text in my copy, so I figured that could be a solution. Or is there a better approach to this perhaps?
  12. Problem solved 🎉 I just checked Collapse Landscape Spacing in the Design options, which happens to 'magically' make the images that I need to be continuous and others not—images with a larger height dimensions have their padding intact, while images with a larger width are stacked to be seamless.
  13. Site URL: https://john-coleman-voum.squarespace.com/landing-pages-emerson It's been years since I've updated my portfolio so I'm a bit rusty—and I'm unfortunately I'm still running on 7.0 and can't afford to rebuild under 7.1 right now. Anyhow, I need to remove the padding between some images within a Project gallery. The site I'm linking to is just an example. I need to reduce the vertical padding between the second and third images to 0px, but keep the padding between the first and second images as is. And I'll need to repeat this process for several other images that I will later upload. Any help is appreciated. Thank you.
  • 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.