Jump to content

theotherpia

Member
  • Posts

    5
  • Joined

  • Last visited

theotherpia's Achievements

Level 1

Level 1 (1/20)

0

Reputation

  1. Actually, the font fluctuates when I refresh on Safari. Super weird. Hope someone can help.
  2. The font was working fine until I refreshed Safari and it is no longer rendering - it works on Chrome 😞 Hoping someone can help. I injected this into the header: <link href="//fastly-cloud.typenetwork.com/projects/7443/fontface.css?64d651c8" rel="stylesheet" type="text/css"> And then in my custom template, under 'Mixins' (custom fonts), I have this code: .headfont { font-family: "IvyPresto Disp Thi"; font-display: swap; font-style: normal; font-weight: normal; } .italicfont { font-family: "IvyPresto Disp Thi"; font-display: swap; font-style: italic; font-weight: normal; } But it is no longer working in Safari, which is super strange because it was working before.
  3. No, I mean I want to place more bottom borders across the site, but when I do it site wide with code or for a 4 or 5 or 6th child, the line continues across the image - like so (when I add: .page-section:nth-child(5) {border-bottom :0.25px solid #002409} And I don't know how to create an exception to hide the line for these two sections with a sticky image. Make sense? And THANK YOU for looking into it/helping.
  4. Site URL: https://kollektiv.studio/about Hello lovely community, I have been really struggling to create bottom borders and hide those borders for certain sections of the site (images below). The site is using a template I bought (and can't get help from them - long story). There is a sticky image section to the right on both kollektiv.studio/creative and kollektiv.studio/about that I need to 'exempt' or hide the borders/lines on, otherwise they go across the image. The code I tried to use is as follows (But I am getting a syntax error): [data-section-id="62ddaaa1b1b73a149a8ede39”], [data-section-id="62dc3c868c9f8c11cb95963d"] .page-section{border-bottom: hidden} Right now, I am using a makeshift solution that places bottom borders on certain 'children' (see code below) that doesn't interfere with the sticky image, but I would love to do this the other way around (where I have this code: .page-section{border-bottom:0.25px solid #002409} for the entire site and then hiding the bottom border for the sections I mentioned above. .page-section:nth-child(1) {border-bottom :0.25px solid #002409} .page-section:nth-child(2) {border-bottom :0.25px solid #002409} .page-section:nth-child(3) {border-bottom :0.25px solid #002409} .page-section:nth-child(9) {border-bottom :0.25px solid #002409} .page-section:nth-child(10) {border-bottom :0.25px solid #002409} .page-section:nth-child(12) {border-bottom :0.25px solid #002409} .page-section:nth-child(15) {border-bottom :0.25px solid #002409} This has been a real head banger for me. Hope someone out there can help. Thanks in advance!!!
  5. Hello all! I am hoping you might be able to help - I am redoing my site and want to combine text and graphical elements (images really) as the intro to the site (front page top module) and need some custom magic to do so...Fingers crossed. Thanks in advance for help/advice....
×
×
  • 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.