Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

ampddesigns

Circle Member
  • Content Count

    145
  • Joined

  • Last visited

  • Days Won

    1

Posts posted by ampddesigns

  1. 2 hours ago, sorca_marian said:

    Hello!

    Add the below code in Settings -> Advanced -> Code Injection > FOOTER

     

    
    <script>
    window.addEventListener("scroll", function() {
      var siteTitle = document.querySelector("#site-title"); 
      if(window.pageYOffset >= 30) {
        siteTitle.className = "smaller-font";
      } else {
        siteTitle.className = "";
      }
    });
    </script>

    And the below code in Design -> Custom CSS 
     

    
    #site-title.smaller-font {
        font-size : 23px;
    }

     

    Screenshot 2021-06-22 at 21.23.05.png

    Amazing, thank you so much!

  2. On 4/17/2021 at 5:36 AM, tuanphan said:

    Add to Design > Custom CSS

    
    @media screen and (max-width:767px) {
    div.nested-category-tree-wrapper ul {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    }

     

    Thank you so much!

     

    In case it's helpful, I also used this to bring "all" in alignment:

     

    .products.collection-content-wrapper .nested-category-tree-wrapper>ul>li:first-child a {
      padding-bottom:0px!important;
    }

  3. Site URL: https://www.elizameadows.com/services

    Hello! I've added anchor links to 3 sections on this page, which are also linked in the dropdown menu under "What I Offer."

     

    On mobile, if a user clicks either the "Group Classes" or "Independent Study" links in the dropdown, it jumps past the anchor link to the middle of the content.

     

    However, if the user is already on the page, and scrolls back up and selects one of the other options, it jumps to the correct spot.

     

    Either way, this creates errors on mobile. Any suggestions for fixing?

  4. Site URL: https://www.elizameadows.com/home

    Hi,

     

    For some reason, the summary carousel at the bottom of this page is shifting off-center at narrower page widths and on tablet. It is not a problem on mobile, for some reason. I tried removing all of the code, and it still displays incorrectly.

     

    Here is the current code:

     

    .summary-excerpt {
      margin-top:-40px!important;
       h1 {
         font-family:'Arno Pro', arno-pro, serif!important;
          color:#7e7853!important;
         font-size:10rem!important;
         padding-bottom:0!important;
         margin-bottom:-50px!important;
       }
      }
    .summary-carousel-pager {
      float: none!important;
    width: 90px!important;
    position: absolute!important;
    bottom: -12%!important;   
      left: 50%!important;
    -webkit-transform: translate(-50%)!important;
    -ms-transform: translate(-50%)!important;
    transform: translate(-50%)!important;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    z-index: 9!important;
    }
      .content-wrapper {
        padding-bottom:90px!important;
      }
    }
    .sqs-gallery-design-carousel .sqs-gallery { 
      transition: transform ease 1s,-webkit-transform ease 1s!important;
    }

     

     

    Any suggestions much appreciated!

  5. Solved with this!:

     

    [data-section-id="602ed814a1a8ab1c15d4379f"]{
    .sqs-col-6, .sqs-col-5 {
      border:solid 2px #b89057!important;
       margin:20px!important;
      padding:10px!important;
      }
    }
    @media screen and (min-width: 750px) {
    [data-section-id="602ed814a1a8ab1c15d4379f"] .sqs-row {
    display:flex!important;
    flex-wrap:wrap!important;
    .sqs-col-7 {
    width: 50%!important;
    }
    .sqs-col-6, .sqs-col-5 {
    display: flex;
    align-items: center;
    width: 50%!important;
    border:solid 2px #b89057!important;
    margin:20px!important;
    flex: 1 330!important;
    padding:10px!important;
    }
    }
    }

  6. Site URL: https://iguana-copper-zhle.squarespace.com/what-we-do

    Site password: scheffer

     

    Hello! Hoping someone can help solve 2 things here:

    1. Vertically center align the text in the gold boxes. (Nothing seems to be working!)

    2. Remove the gold border from the last box in the section, which is a spacer.

     

    Here is the current code:

     

    [data-section-id="602ed814a1a8ab1c15d4379f"] .sqs-row {
    display:flex!important;
      flex-wrap:wrap!important;
        justify-content: center!important;
    }
    [data-section-id="602ed814a1a8ab1c15d4379f"] .sqs-col-6 {
      border:solid 2px #b89057!important;
      margin:20px!important;
      flex: 1 330!important;
      padding:10px!important;
      justify-content: center!important;

     

    Any suggestions greatly appreciated!

  7. 16 hours ago, tuanphan said:

    This will require JavaScript, get title from video ifram tag then add it under each video.

    Do you use Personal or Business Plan?

    @tuanphan It is a business plan. I am not very well-versed in javascript. If you have any suggestions or are able to code this quickly, that would be so very much appreciated, but if that is beyond what you're willing to do on the forum I completely understand! I know it's a large ask!

  8. Site URL: https://oboe-fuchsia-3yj4.squarespace.com/shop

    Title says it all!

    For a 200-item store, it's a lot on one page. Any code snippets that allow you to cap it at 30 or 40, then have a button to load the rest of the products?

     

    Using Brine:

    https://oboe-fuchsia-3yj4.squarespace.com/shop

    Password: view

     

    Thank you!

  9. Hi! I'm Alyssa and I own a small business called Amp'd Designs. My focus is on branding and Squarespace web design. Mostly I work with small businesses and entrepreneurs across a variety of industries that are passionate & excited about what they do. Through design, I aim to help them communicate their values & brand personalities in order to better communicate with their audiences. In my work tend to use a lot of color, pattern, and illustration, and I love deeply conceptual logo design.

    I've also done a bit of work in the music industry; I love music and credit it for getting me into design!

  10. Hello,

    I need to add the client's business location to Scheduling for her customers' confirmation emails. I've updated the location in Availability > Calendars > Calendar Settings > Location.

    When I preview the confirmation email, it still shows "call in info or location." Is this going to display the location I put into the calendar settings, or is there anything else I need to do?

     

    885602443_ScreenShot2020-08-14at12_43_21PM.thumb.png.02e544b111be375e16a80cfda4dbe555.png

     

    Thanks!

  11. @luisgonzalez, @tuanphan, did you end up finding a solution to this? I have the same question.

     

    Here's the test site (newsletter in the footer):

    https://plantain-grasshopper-zlwt.squarespace.com/test

    password: view

     

    And here's the code I have so far:

    //newsletter
    .newsletter-form-header-title {
      font-size:20px!important;
    font-family: 'Spartan', sans-serif!important;
          font-weight:800;
      text-transform:uppercase;
      letter-spacing:.075em;
      line-height:1.4em;
    }
    .newsletter-block .newsletter-form-field-element {
      color:white!important;
    }
    .form-submission-text {
      color:white!important;
    }
    input {
      color:white!important;
    }
    .newsletter-form-field-element {
     background: red !important;
      border:1px solid white!important;
     }
    .newsletter-form-button {
          font-family: 'Spartan', sans-serif!important;
          font-weight:800;
      padding-top:18px!important;
      letter-spacing:.075em;
    }
    .newsletter-form-button:hover {
      background:#ff6100!important;
     color:white!important;
      opacity:1.0!important;
    }

     

×
×
  • Create New...