smartgirlm

https://www.wheatonsustainableinnovationzone.com/testing

Hello! I am having difficulty with an embed block. I put in this code and it technically "works" but as you can see it's cutting off the height. I've tried playing with %s but no luck.

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; } }

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; } }

@ZiggyThat worked. Thank you SO much!

@ZiggyWhat code do I need to do/remove to get rid of the overlay completely, including the words?

@ZiggyThank you for looking! It's https://thinkmoco.com

Hey all, I have inherited this site from another web designer and am stumped on how to find the code for this gray overlay menu and how to remove it. It's not something I'm able to click on and edit, and I'm a newbie with code so I haven't been able to identify what code relates to this feature. Please help!