Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Posts posted by Carli

  1. 19 hours ago, tuanphan said:

    Add to Design > Custom CSS

    /* Overlay when burger active */
    body.header--menu-open:after {
        background-color: rgba(0,0,0,0.5) !important;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
    body.header--menu-open header#header {
        z-index: 20;


    Thank you so much @tuanphan! Much appreciated.

  2. On 5/7/2021 at 12:56 AM, tuanphan said:

    Add to Design > Custom CSS

    /* Popup out menu color */
    .header--menu-open .header-menu {
        background-color: rgba(254,238,237,0.25) !important;


    Sorry @tuanphan, I wasn't clear enough. I want to overlay the page background behind the menu when it pops out. Something like the attached.

    Screen Shot 2021-05-08 at 9.15.33 pm.png

  3. Site URL: https://love-carli.squarespace.com/

    Password: love

    I have changed the mobile breakpoint on my website so the hamburger menu appears at 1024 px and then set the menu to only cover 55% of the screen, so it looks like the attached screenshot.

    What I would love to know is how I can set an overlay so the background behind the menu darkens when the menu opens, then goes back to normal when it is closed. I would like the colour to be #1B383B at 25% opacity.  

    Would appreciate any help!

    Screen Shot 2021-05-05 at 11.06.22 am.png

  4. On 12/3/2020 at 10:32 PM, tuanphan said:

    Can you share link to page in screenshot? We can check easier

    https://goose-clementine-937a.squarespace.com/ password: love

    There are forms on the following pages:
    'Email', 'Phone', 'Date', 'Time' & 'Location' fields are not working

    All seem to be working except for the 'Ideal Budget' and "How Did You Find Me' fields near the bottom.

    The 'Email', and 'Phone' fields are not working.

  5. Hello, I have just been playing with this code for my forms. Can anyone tell me why it stops the form fields from working? The select boxes don't drop down and I can't type in the text fields.

    I have attached a screen shot of my form and the code I am using is below:

    To put the email and phone next to one another:
    div#block-yui_3_17_2_1_1596178403634_3980 {.form-wrapper .field-list>div:nth-child(2), .form-wrapper .field-list>div:nth-child(3) {width: 48.8%; float: left;} .form-wrapper .field-list>div:nth-child(2) {margin-right:2%;}}

    To put the date, time and location fields next to one another:
    div#block-yui_3_17_2_1_1596178403634_3980{.form-wrapper .field-list>div:nth-child(4), .form-wrapper .field-list>div:nth-child(5), .form-wrapper .field-list>div:nth-child(6){width:32% !important; float: left;}.form-wrapper .field-list>div:nth-child(4), .form-wrapper .field-list>div:nth-child(5) {margin-right: 2%;}}

    Also, would love to know how I can make the date, time and location fields span the full width of their 32% so it looks nice and even! 


    Screen Shot 2020-12-01 at 9.16.18 pm.png

  6. On 9/19/2020 at 7:51 AM, rebeccagracedesigns said:

    For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds. 

    Inject this is Settings > Advanced > Code Injection > Header

    <!-- jQuery Library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>


    and this in Settings > Advanced > Code Injection > Footer

    <!-- Summary Block Autoplay -->
          setInterval(click, 3000);
          function click()

    I will probably add this to my blog!!

    Hi Rebecca, I searched forever for this and it works great, thank you. Is there a way I can apply it to a single carousel? 

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