Jump to content

Adr_81

Circle Member
  • Posts

    21
  • Joined

  • Last visited

Posts posted by Adr_81

  1. (PW is M7123)

    Hello, 

    I wonder if someone can help - does anyone know how I can remove the next / previous arrows from a Lightbox on a Gallery Block (Grid)? 

    I've found the below code, but it's not working. Guessing this is for a Gallery Section, as opposed to 'block'?

     

    .sqs-gallery-controls .previous, .sqs-gallery-controls .next {
      background: none;
    }
    .sqs-gallery-controls .previous:hover, .sqs-gallery-controls .next:hover{
      background: none;
    }

     

    Thanks,

    Adam

  2. Hey @tuanphan

    I've just stumbled upon this thread, and wondered if you can help me?

    I've implemented the above code, and it works fine - though I can't get the Descriptions to appear on hover? I'd also like the white text to appear in the custom font that has been uploaded to the site.

    Any ideas would be greatly appreciated!

    Thanks,

    Adam

     

    The page question is CLIENTS once you enter the site.

    deer-iris-4czx.squarespace.com
    PW: M7123

     

  3. Hey @tuanphan

    I've just stumbled upon this thread, and wondered if you can help me?

    I've implemented the above code, and it works fine - though I can't get the Descriptions to appear on hover? I'd also like the white text to appear in the custom font that has been uploaded to the site.

    Any ideas would be greatly appreciated!

    Thanks,

    Adam

     

    The page question is CLIENTS once you enter the site.

    deer-iris-4czx.squarespace.com
    PW: M7123

     

  4. Hey @tuanphan thanks for getting back in touch.

     

    Sure - it's here...

    https://jaguar-raccoon-nwkn.squarespace.com/

    PW BenEditsMusic123

     

    Client is trying to achieve the same effect as the Zendaya site, where the BEN EDITS MUSIC text is fixed and scrolls behind the image.

    I've been using this code...


    //--Scroll Behaviour--//

    #block-yui_3_17_2_1_1660167861306_308882 {
    position: fixed;
    width: 92%;
    height: 200px;
    top: 100px;
    }


    Which now seems to be working. Previously I had the text in a different font, and it all seemed rather glitchy - it kept extending out at the side after working initially? All seemed very odd.

    Whilst i've got you, I don't suppose you know why some of the corners aren't appearing rounded within the FILM & TV section?

    First example below...

     

    //specify with the class name
    .titles1:hover:before {
      content: '';
    background: url('https://static1.squarespace.com/static/62ed106ac3eadf037cbe518d/t/62f2794b1cf4867de0901e3d/1660057931457/Ridley+Jones.jpeg');
      background-size:contain;
      background-repeat:no-repeat;
      border-radius: 20px;
    width: 25vw; 
    left: 50vw; 
    height: 30vh; 
    margin-top:-50px;
    position: absolute;
    opacity:1;
    transition: transform .4s cubic-bezier(.86,0,.07,1),opacity .4s cubic-bezier(.86,0,.07,1);
       transform: translate3d(.33333vh,-11.66667vh,0);
      -webkit-animation: flip-in-hor-bottom 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;
                animation: flip-in-hor-bottom 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;


          
    }

    // End Ridley //


    Thanks again,
    Adam

     

     

    Screenshot 2022-08-18 at 11.29.03.png

  5. Hey there,

     

    I've just found this thread and am having the same issue - my read more button will only appear once 'excerpt' is 'on'.

     

    Link to site is https://crimson-crow-8nwc.squarespace.com/
    PW 'mmad_adr_2021'

     

    Custom code in CCS is below
     

    // Read More Summary Button //

    .sqs-block-summary-v2 .summary-item-record-type-text .summary-read-more-link {
      display: inline-block!important;
      margin-top: 10px;
      background: #FFF;
      color: #000000;
      border: 0px solid white;
      border-radius: 0px;
      padding: 10px 20px;
    }

     

    Any help would be massively appreciated!

    Thanks,
    Adam

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