Jump to content

michael2019

Circle Member
  • Posts

    53
  • Joined

  • Last visited

Posts posted by michael2019

  1. Site URL: https://beyoubetruecounselling.squarespace.com/

    Hi, I was able to use a CSS code that makes my logo shrink when I scroll, but my issue is I would like to delay the effect when I scroll down about halfway through the top banner. The effect would be the opposite for when I scroll up about halfway through the top banner the logo would go to the original size.

    Current Code:

    //---shrink top logo---
    #header .header-title-logo img {
      transition: max-height 300ms ease-in-out}

    #header.shrink {.header-announcement-bar-wrapper{padding-top: 20px !important; padding-bottom: 20px !important;} .header-title-logo img {max-height: 50px;}}

    Website below:

    URL: https://beyoubetruecounselling.squarespace.com

    PW: 5N8bn#T&

    Thank you.

  2. Site URL: https://sawfish-lemon-adeb.squarespace.com/fees-and-coverage

    I am trying to make one of my images  a full circle, but for some reason on the left side it is getting off. I set the image crop to 1:1 and used the below code. I also deleted the image and re-uploaded it a few times, but it didn't work.

    #block-yui_3_17_2_1_1603233315677_13298 img {
          border-radius: 50% !important;

    Website info:

    https://sawfish-lemon-adeb.squarespace.com/fees-and-coverage

    PW: 38b9HJ8j

    Any ideas?

  3. Figured it out. There was an issue with my CSS that I blocked images in the footer. Was using the following.

    footer.sections * {

       text-decoration: none; 

      background-image: none !important;

    }

    Once I removed the code the badge appeared. Appreciate your willingness to help.

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