Jump to content

beknorris

Member
  • Posts

    8
  • Joined

  • Last visited

Posts posted by beknorris

  1. @derricksrandomviews Thanks for this! I do have the blogs in an unlinked page and then have a front-facing post page where I want them to show up. The problem is that the summary blocks keep getting full, so the newest blog posts aren't updating to the summary block. If I add a new summary block, how do I make it so that starts showing the blog posts by date from where the last summary block left off? Thank you!

  2. Hi!

    I've been working on my homepage for this website. I added some code to make some images flip over with text on the back. However, this effect won't work on mobile version. How do I adjust the code so that it only functions on the desktop version?

    Here is the code I used:

    /*Card Flip Effect*/
    #block-yui_3_17_2_1_1713154230326_30335, #block-yui_3_17_2_1_1713154230326_25756, #block-yui_3_17_2_1_1713154230326_27995, #block-yui_3_17_2_1_1713154230326_26815, #block-yui_3_17_2_1_1713154230326_31490{
      /* Default Setup */
      &.image-block .sqs-block-content{
        perspective: 2000px;
      }
      .design-layout-poster {
        position: relative;
        transition: transform 0.8s;
        transform-style: preserve-3d;
      }
      //Image
      .design-layout-poster .intrinsic{
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
      }
      //Caption
      .design-layout-poster figcaption{
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: rotateY(180deg);
        background: hsla(0,0%,100%,1);

        //Add if needed
        //border-radius: 20px;
      }

      /*Hover Effect*/
      &.image-block:hover .design-layout-poster {
        transform: rotateY(180deg);
      }
    }

     

    Screenshot 2024-04-15 at 11.38.27 PM.png

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