Jump to content

AudraF

Member
  • Posts

    7
  • Joined

  • Last visited

Recent Profile Visitors

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

AudraF's Achievements

  1. I wrote custom CSS about a year ago to put the fonts Louis George Cafe and Manrope ExtraBold into my site, and I haven't edited the CSS since, but today Manrope suddenly stopped working. I've tried removing the code and pasting it back in piece by piece, but Manrope still isn't working. I'm having a hard time finding where the error is, does anyone have ideas? Here's the current CSS: @font-face { font-family: Manrope ExtraBold; src: url(https://static1.squarespace.com/static/619e8321110cac641ad5fc89/t/62ec95d0b973b071b5ee6881/1659672016371/manrope-extrabold.ttf); } @font-face { font-family: Louis George Cafe; src: url(https://static1.squarespace.com/static/619e8321110cac641ad5fc89/t/62ec95dca3be4708ae1460b0/1659672028074/Louis+George+Cafe.ttf); } h1 { font-family: 'Manrope ExtraBold'; } h2 { font-family: 'Manrope ExtraBold'; } h3 { font-family: 'Manrope ExtraBold'; } h4 { font-family: 'Manrope ExtraBold'; } .sqsrte-large { font-family: 'Louis George Cafe'; } p { font-family: 'Louis George Cafe'; } .sqsrte-small { font-family: 'Louis George Cafe'; } // Small or Tertiary Button // .sqs-block-button-element--small, .sqs-button-element--tertiary { font-family: Manrope ExtraBold !important; } // Medium or Primary Button // .sqs-block-button-element--medium, .sqs-button-element--primary { font-family: Manrope ExtraBold !important; } // Large or Secondary Button // .sqs-block-button-element--large, .sqs-button-element--secondary { font-family: 'Manrope ExtraBold' !important; } // Site Title // .header-title-text a { font-family: 'Manrope ExtraBold' !important; } // Site Navigation // .header-nav-item a { font-family: 'Louis George Cafe' !important; } // Button // .header-actions-action .btn { font-family: 'Manrope ExtraBold' !important; } // Announcement Bar // .sqs-announcement-bar-url a { font-family: 'Louis George Cafe' !important; } // Gallery // .gallery-section .gallery-caption p { font-family: 'Louis George Cafe' !important; } // Portfolio // .portfolio-grid-overlay .portfolio-title { font-family: 'Manrope ExtraBold'; } .item-pagination-link .item-pagination-title { font-family: 'Manrope ExtraBold' ; } // Contact // .form-wrapper .field-list .title { font-family: 'Louis George Cafe'; } .form-wrapper .field-list .field .caption { font-family: 'Louis George Cafe'; } // Mobile Menu // .header--menu-open .header-menu-nav-folder-content a {font-family:'Louis George Cafe'; }
  2. @bangank36 That worked! Thank you so much! πŸ™‚
  3. Site URL: https://www.audrafriedendesign.com/product-experience-design/project-three-5f6s7 I have uploaded the font Manrope ExtraBold onto my site and I've gotten it to work through CSS most places except for inside each portfolio project at the bottom where it displays the arrows to the neighboring projects in the portfolio. Here's a picture and a link to one of the pages where this problem is occurring: https://www.audrafriedendesign.com/product-experience-design/project-three-5f6s7 Any suggestions on the CSS to customize the fonts for these titles?
  4. @christyprice Sweet, thank you! That seems to fix that problem! I also have been unable to get my fonts to work in gallery captions. I have tried: .gallery-caption p { font-family: 'Louis George Cafe' } AND .gallery-caption { font-family: 'Louis George Cafe' } AND .gallery-caption {     font-family: Louis George Cafe !important; } Do you have any suggestions for this problem? Here are two pages on my site where this problem is occurring: https://www.audrafriedendesign.com/patterns-prints/frida-kahlo AND https://www.audrafriedendesign.com
  5. @bangank36This part worked! Thank you so much! πŸ™‚ I was wondering if you also had any suggestions for applying the Manrope ExtraBold inside each portfolio project at the bottom where it displays the arrows to the neighboring projects. Here's a picture and a link to one of the pages where this problem is occurring: https://www.audrafriedendesign.com/product-experience-design/project-three-5f6s7
  6. Site URL: https://www.audrafriedendesign.com/product-experience-design I've uploaded Manrope ExtraBold onto my Squarespace site, and it works in regular headings, paragraphs, buttons, and the header, but I cannot get it to work with the hovering Project Titles in the Portfolio section or the titles at the bottom of the page for neighboring projects. I am not sure where to start for the neighboring project titles and for the hover titles I have tried: .portfolio-hover[data-variant-hover-follow] .portfolio-hover-item-title { font-family: 'Manrope ExtraBold' !important; } AND: h1.portfolio-title { font-family: 'Manrope ExtraBold' !important; } Is there anything else I can try?
Γ—
Γ—
  • 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.