Jump to content

smartgirlm

Circle Member
  • Posts

    10
  • Joined

  • Last visited

Posts posted by smartgirlm

  1. 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.

    Quote

    <iframe src="https://app.dynmhx.io/explorer/md-rockville" frameborder="0"></iframe>

     

    Screen Shot 2023-05-01 at 1.07.44 PM.png

  2. 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;

    }

  3. 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;

    }

×
×
  • 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.