smartgirlm Posted January 11 Share Posted January 11 Hey all, Have been trying to figure this out and I'm just stuck. I input a custom font code I've used successfully on many sites and it's not working for me. Have the three WOFF files loaded in and have tried to follow same process. Am also getting an error about "missing opening {" Here is the code: { h1, h2, h3, h4 { margin-bottom: .4rem; margin-top: .4rem; } .list-item-content__button { font-size: 85% !important; } @media screen and (min-width: 740px) { .sqs-block-html pre code { writing-mode: vertical-rl !important; transform: rotate(180deg) !important; margin: 0 auto; position: relative; right: -20px; } } .page-section.background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) { @media screen and (min-width: 740px) { .sqs-row { align-items: center; display: flex; }}} .page-section.content-width--wide .content-wrapper { @media screen and (min-width: 740px) { padding-left:0!important; padding-right:0!important; padding-top: 0px !important; padding-bottom: 0 !important; overflow-x:hidden !important; max-width: 100%!important; }} .user-items-list-simple { @media screen and (min-width: 740px) { padding-left:100px !important; padding-right:100px !important; }} .user-items-list-simple { @media screen and (max-width: 740px) { padding-left: 30px !important; padding-right: 30px !important; }} } // Go Arrow Button - Button Padding // .sqs-block-button-element--medium { padding: 20px 20px !important; border: 2px solid !important; } // Go Arrow Button - Arrow Icon Style // .sqs-block-button-element--medium:after { content: '➔'; border-left: 1px solid; padding-left: 20px; margin: 0px 0px 0px 20px; } // Go Arrow Button - Button Padding // .primary-button-style-solid .light .sqs-block-image .design-layout-card .image-button a { padding: 20px 20px !important; border: 2px solid !important; } .primary-button-style-solid .light .sqs-block-image .design-layout-card .image-button { font-size: 90% !important; } // Header Button // .sqs-block-button https://static1.squarespace.com/static/6123d86d3c7b484b1b0461fd/t/63beecef375fc71e2d4ea3e1/1673456879503/glamourluxury-Bold.ttfn-element, .image-button a, .header-actions .btn, .header-skip-link { padding: 15px 15px !important; border: 2px solid !important; } .primary-button-style-solid .btn:after { content: '➔'; border-left: 1px solid; padding-left: 20px; margin: 0px 0px 0px 20px; } .newsletter-form-button { padding: 20px 20px !important; border: 2px solid !important; } .newsletter-form-button:after { content: '➔'; border-left: 1px solid; padding-left: 20px; margin: 0px 0px 0px 20px; } .form-wrapper .field-list .field .field-element { border: 2px solid; background: transparent; padding: 9px; border-radius: 0px; } .gallery-reel[data-width="inset"] { //-Slideshow: reel .gallery-reel-item img {filter:grayscale(100%); transition:1s} .gallery-reel-item img:hover{filter:grayscale(0%)} .gallery-reel-item img { width: 90% !important; object-fit: contain !important; }} .sqs-block-code { padding: 0px !important; } .sqs-search-ui-button-wrapper.color-light .search-input { border: 2px solid white; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px; color: white !important; opacity: 1; } .design-layout-collage .image-card-wrapper { @media screen and (max-width: 740px) { padding-top: 50px; }} footer#footer-sections { p { font-size: 85%; } } footer#footer-sections { .sqs-svg-icon--list { margin-top: -15px; margin-bottom: -15px; }} .sqs-block-button-element--small { width: 200px !important; margin-top: -20px; } //CUSTOM FONT// @font-face { font-family:"glamourluxury-Bold"; src: url(https://static1.squarespace.com/static/6123d86d3c7b484b1b0461fd/t/63bef4bbe883934ee90b1dc9/1673458875761/glamourluxury-Bold.woff); } @font-face { font-family:"glamourluxury-Regular"; src: url(https://static1.squarespace.com/static/6123d86d3c7b484b1b0461fd/t/63bef4b9578a4604b74791a9/1673458873612/glamourluxury-Regular.woff); } @font-face { font-family:"glamourluxury-Light"; src: url(https://static1.squarespace.com/static/6123d86d3c7b484b1b0461fd/t/63bef4b540db7659fd6d70c2/1673458869783/glamourluxury-Light.woff); } h1 { font-family:"glamourluxury-Bold"!important; } h2 { font-family:"glamourluxury-Regular"!important; } h3 { font-family:"glamourluxury-Light"!important; } } Link to comment
tuanphan Posted January 15 Share Posted January 15 You mean custom font doesn't work or which code doesn't work? And what is your site url? We can test code easier 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment