Jump to content

lgwebdesign

Circle Member
  • Posts

    130
  • Joined

  • Last visited

  • Days Won

    1

Reputation Activity

  1. Like
    lgwebdesign got a reaction from Matt-W-Urst in How replace "Older Posts >" in 7.1 ?   
    I found this code works better FYI...
    // Blog Pagination - Rename Older Poster & Newer Posts text
    .blog-list-pagination {
      font-size: 0rem;
    }
    // Newer posts
    .blog-list-pagination .prev-label:after {
      display: none;
    }
    .blog-list-pagination .prev-label:before {
      content: "Next";
      font-size: 1rem;
    }
    // Older posts
    .blog-list-pagination .next-label:after {
      display: none;
    }
    .blog-list-pagination .next-label:before {
      content: "Previous";
      font-size: 1rem;
    }
  2. Like
    lgwebdesign got a reaction from tuanphan in How replace "Older Posts >" in 7.1 ?   
    I found this code works better FYI...
    // Blog Pagination - Rename Older Poster & Newer Posts text
    .blog-list-pagination {
      font-size: 0rem;
    }
    // Newer posts
    .blog-list-pagination .prev-label:after {
      display: none;
    }
    .blog-list-pagination .prev-label:before {
      content: "Next";
      font-size: 1rem;
    }
    // Older posts
    .blog-list-pagination .next-label:after {
      display: none;
    }
    .blog-list-pagination .next-label:before {
      content: "Previous";
      font-size: 1rem;
    }
  3. Like
    lgwebdesign got a reaction from Agha_Waqas in 7.1 Mobile Nav Custom Alignment   
    Thanks so much for your help, I really appreciate it. Now I know why my code never worked, I forgot about the nth-child part.
    Here's the full code with the Back button alignment fix for anyone else who needs it...
    .header-menu-nav-folder-content span:nth-child(2) { 
      margin-left: 25px; 
    }
    .header--menu-open .header-menu-controls-control--active {
      margin-right: 55px; 
    }
  4. Thanks
    lgwebdesign reacted to Agha_Waqas in 7.1 Mobile Nav Custom Alignment   
    Hi Luke, Try below code into css. Adjust margin left according to your need.
    .header-menu-nav-folder-content .header-menu-nav-folder-content span:nth-child(2){ margin-left: 30px; }
  5. Thanks
    lgwebdesign reacted to eugenesoch in Adjust line weight of hamburger menu icon?   
    That is very interesting, as we have just updated our burger menu to a preferred thickness.
    Of course, our website is running on Squarespace 7.1, so in case you are on the same, try using this css:
    /*burger menu thickness*/
    .top-bun, .patty, .bottom-bun {
      height: 3px !important;
    }
    /*end burgre menu thickness*/
    p.s. you can adjust the thickness to your liking by changing value next to px (currently set to 3px)
     
    hope this helps! 
  6. Love
    lgwebdesign reacted to tuanphan in MOVING THE SOLD OUT BADGE FOR 7.1 (PRODUCT STATUS)   
    try this code
    .view-list .product-mark.sold-out { background: #C98A36 !important; color: #EFEADA !important; font-family: 5TH AVENUE REG; letter-spacing: 2px; font-weight: 400; position: absolute; top: 10px; right: 10px; display: inline-block; padding: 15px; border-radius: 50%; width: 55px; height: 55px; justify-content: center; align-items: center; text-align: center; display: flex; } .view-item .product-mark.sold-out { background: #C98A36 !important; color: #EFEADA !important; font-family: 5TH AVENUE REG; letter-spacing: 2px; font-weight: 400; display: inline-block; padding: 15px; border-radius: 50%; width: 55px; height: 55px; justify-content: center; align-items: center; text-align: center; display: flex; }  
  7. Thanks
    lgwebdesign reacted to MiridiosII in Squarespace 7.1, how to setup the product breadcrumb and category layout on mobile...solved.   
    On squarespace version 7.1, when in mobile view, if you have a long list of categories, it creates a scrolling list that travels sideways and the breadcrumbs are gone on mobile.  Insert this code into your Custom CSS to make the categories center align and wrap, with no scrolling.  It also makes the breadcrumbs visible on mobile.
    @media only screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-children { padding-top: 30px; flex-wrap: wrap; overflow-x: hidden; justify-content: center; } } @media only screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-breadcrumb { text-align: center; } } @media only screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-title { text-align: center; } }  
×
×
  • 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.