Jump to content

Carli

Circle Member
  • Posts

    9
  • 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/

    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!
    Cheers.

    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:
    https://goose-clementine-937a.squarespace.com/book-a-consultation
    'Email', 'Phone', 'Date', 'Time' & 'Location' fields are not working

    https://goose-clementine-937a.squarespace.com/request-a-quote
    All seem to be working except for the 'Ideal Budget' and "How Did You Find Me' fields near the bottom.

    https://goose-clementine-937a.squarespace.com/contact
    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! 

    Cheers,
    Carli

    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 -->
    <script>
          setInterval(click, 3000);
          function click()
          {
            $(".summary-carousel-pager-next").click();
          }
    </script>


    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.