Jump to content

tinyinternetcompany

Circle Member
  • Posts

    40
  • Joined

  • Last visited

Posts posted by tinyinternetcompany

  1. I have a photographer who wants his gallery titles to be snapped up against the bottom of his pics without having to switch to 7.1 (it's hundreds of photos). He wants them displayed with no crop, so there's a blank square around each photo and the titles fall to the bottom of the square. But lots of the photos are different sizes, so lots of the photo titles look funny.

    Is there a blanket code that can fix this in SqSp 7.0 Brine?

    more links to galleries:

    https://billdane.com/1970s
    https://billdane.com/1980s
    https://billdane.com/1990s
    https://billdane.com/2000s
    https://billdane.com/2010-2014
    https://billdane.com/2015-2020
    https://billdane.com/littleknown

     

    sqsp 7.0 brine family gallery titles.png

  2. site: https://atotalfireprotection.com/

    I already am using some custom CSS I got from you guys to make the header look like it does. I also put in a max-width break point (1110 px) because the Call For Free Quote button was covering some of the navigation menu at narrower resolutions. So there's a certain width where the site header won't convert to the mobile menu, but will replace the menu with a hamburger icon.

    Here it is normal:

    dasktop.thumb.png.4f00727dd8988531e91a34f2f1c40983.png

    And here it is after the break point, before going to mobile view. I need that hamburger icon centered with the title/logo, and also it needs some padding so it's not pressed up against the edge.breakpointhamburger.png.04c1e0f818fb61b8bcbbce9a00f56013.png

    Here is the some of custom css I'm using that you guys already graciously provided me with.

    .header-layout-branding-center-nav-center .header-title-nav-wrapper {
        flex: 0 0 100%;
    }
    .header-layout-branding-center-nav-center .header-actions--right {
        flex: 0 1 15%;
        max-width: 0%;
    }
    .header-display-desktop {
        align-items: flex-end;
    }
    .header-layout-branding-center-nav-center .header-title-nav-wrapper .header-nav {
        text-align: left;
    }
    @media screen and (max-width:1110px) {
     /* hide navigation */
        .header-nav {
        display: none;
    }
    /* Hide header button */
    .header-actions {
        display: none;
    }
    /* show burger */
    .header-burger {
      display: flex;
      
    }
    /* Show overlay mobile menu */
    .header--menu-open .header-menu {
    opacity: 1;
    visibility: visible;
    }
    }

    Thanks ❤️

  3. site: https://a-total-fire-protection.squarespace.com

    password: 1234567890

     

    So client wants the logo really big, like this:

    1.thumb.png.2fb72735a58b316ab18f7e58f423a030.png

    But they want the navigation menu underneath, justified left, with button justified right, also under logo image. Like this:
    1: Logo
    2: Navigation Menu
    3: Button
    2.thumb.png.fafcac99eb54875b2ece808a978e5fac.png

    This is how I have the default template layout now, thinking this would be the easiest to operate off of. Let me know what you think:

    2.thumb.png.3314cc37bd55e4afdac1a3503cef4775.png

    Is it possible? ❤️

    Thank you for any input.

     

     

  4. There is an option in SqSp slideshows to have thumbnails beneath the big image, and when the thumbnails are clicked, it changes the big image.

    Screenshot2023-04-03002738.thumb.png.3d8a65a36e13483582596e1163954d28.png

     

    Is there a way to get those thumbnails to arrange themselves in a wide-guttered Masonry Grid style below the image, more or less the way the images are arranged in the link provided?

     

    Screenshot2023-04-03003050.thumb.png.cd51e67e846b9301eb77a6e8b78b36fa.png

     

    Thanks to anyone reading.

    ❤️

     

  5. Oops I had some custom CSS in there preventing the text from justifying right.  Now I just need the picture of the logos at the very bottom to justify right. Any ideas?

    Screenshot2023-03-09041627.thumb.png.ff29a61fa213c0bee8b7c9cdcaea4353.png

    The custom CSS was this:

    @media screen and (min-width:800px) { header#header { display: flex; } div#logo, section#page p { text-align: left !important; } div#topNav { text-align: right !important; } }
    .form-wrapper {
    background:#f2f2f2; 
    padding:5px; 
    border-style:solid; 
    border-width:1px; 
    border-color:#7B666A;
    }
    #topNav nav .folder .subnav {
       background: hsl(220, 4%, 100%) !important;
    }
    .form-wrapper {
      padding: 50px; 
      background-color: #fefefe;
      border: 1px solid #bababa;
      border-radius: 0;
    }
    .button.sqs-system-button.sqs-editable-button{background:#026873;}

    And I changed it to this (I simply deleted the p tag after section#page in the first line.

    @media screen and (min-width:800px) { header#header { display: flex; } div#logo, section#page { text-align: left !important; } div#topNav { text-align: right !important; } }
    .form-wrapper {
    background:#f2f2f2; 
    padding:5px; 
    border-style:solid; 
    border-width:1px; 
    border-color:#7B666A;
    }
    #topNav nav .folder .subnav {
       background: hsl(220, 4%, 100%) !important;
    }
    .form-wrapper {
      padding: 50px; 
      background-color: #fefefe;
      border: 1px solid #bababa;
      border-radius: 0;
    }
    .button.sqs-system-button.sqs-editable-button{background:#026873;}

    Thanks!

  6. I'm messing around with the Wexley template for a client and can't for the life of me figure out how to justify text and images differently on desktop view in the footer. I have it justified right and it works in on mobile, but on desktop it stubbornly stays on the left. Any simple custom CSS to fix this?

    https://www.characterdriven.work/corporate-portraiture

     

    desktop.png

     

    On mobile it works:

     

    mobile.png

  7. I love you tuanphan, I haven't tried it yet and will respond soon, but i've seen so many of your responses here for so many years, I just want you to know that you are amazing. You have solved so many issues for me in so many other threads over the years, even when i didn't ask lol. You're like the Squarespace Santa Claus!! ❤️

  8. Yeah this is kinda wack, especially during covid.  I have clients selling unique individual zoom links for unique classes, and as I understand it I can't get SquareSpace product purchase confirmation emails to automatically send a unique zoom link.  

    That leaves digital downloads as the option, where you put the link in a txt file or what have you, but they have to D/L the text file within 24 hours?  What is that?

    Correct me if I'm wrong (and I'm often wrong), but this is a major issue if there's no way to just sell links on your site, which offers services where the thing you bought was a link and you should have access to it until the online class starts.

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