Jump to content

JonJonJon

Member
  • Posts

    85
  • Joined

  • Last visited

Posts posted by JonJonJon

  1. @sydacthis works in practice, but breaks down pretty quickly once you have variety in where your products are shipped from/to. Squarespace could even work to improve this "hack" by not having the range be required to be zero to infinity. One of the main issues, is in not being able to hide cheaper shipping options. It turns into a maths mind mess with plenty of scope for errors. And just imagine the headache when there are changes to your shipping and distribution points.

    Personally, I'm going to see how this goes, if sales are good, I'll seriously consider migrating to shopify

  2. Site URL: https://jonpxl.com

    I'm trying to make an image have a blur gradient across it, so that text is more legible. I prefer to do this in CSS as the image and text layout is a little different depending on different devices used.

    I can't seem to get it to work as a gradient. Also is there a way to have the blur go to the edges & corners?

    I am also using a colour gradient. 

    password: dolphin267

     

    My current code:

    #intro .Index-page-image {
      filter: blur(14px); 
    }
    
    #intro .Index-page-image:after {
        background: linear-gradient(
       to right, 
       rgba(0,0,0,.5) 0%,
       rgba(0,0,0,0) 40%) !important;
        filter: opacity(1);
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }

     

  3. I would like an image download to start in the background when a button is clicked, as is the norm. Instead squarespace opens a page, requiring an additional right-click step. I can't seem to find how to prevent this.

     

    When using a link, you have the option of page, file,  etc. so I don't understand why when choosing a file, it opens a page regardless.

     

    I am using a code block, but this seems to be the case whatever method i use, such as buttons, forms etc.

    my current html code is:

    <a href="/s/DM042_Wallpaper_Phone.jpg" download="jonpxl_wallpaper_DM042_phone" target="_blank" class="button">WALLPAPER</a>

     

  4. @tuanphan thanks, it is the same carousel that you aided me with repositioning the arrows on. The image that it part of the carousel, that has the text in, "join in...", is the image that I'd like to maintain it's position always on the far right, yet still be part of the same carousel, rather than a separate individual element. so it scrolls with the rest.

    I had hoped this might be able to be controlled with CSS?

     

    I'm happy to be able to define it's position, that I can then alter based on the media queries, if that's an easier solution.

    e.g

       .carousel image:nth-of-type(6) {
        order: 3;
      }

    but I can't seem to find a property where a carousel uses children, so I'm not really sure what's the solution

    Screenshot 2021-11-10 172714.png

  5. Hi,

    I have some products that require a shipping quote rather than an "add to cart".

    Once I give a shipping quote to a customer, how then do I put it back through the store so the customer can use the online interface?

    I would rather keep everything in the same system rather than do a manual order via another service, which doesn't look very professional either.

    Off the top of my head, all I can think of is to make a new shipping option specific to that customer's quote, but sadly that would be visible to others, and other shipping options would also be visible to the customer in question.

    Thanks for any tips

  6. Site URL: https://shop.jonathan-gallagher.com

    I have a gallery carousel, Brine, and would like to have more control over the design of the navigation arrows.

    I'd like to move them, possible split them in two, one on the left, one one on the right. Change their thickness etc.

    I think it's this elements:

    .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager

     

    but can't seem to figure out how to make changes to it

     

    pw:jonjonjon

  7. Site URL: https://shop.jonathan-gallagher.com

    I have a gallery carousel, Brine,  that changes the number of images visible depending on the screen width.

    I'd like one image to always be on the carousel when first viewed. It would be simple enough if this was always the first image, on the left of page, however that's not the case here.

    For example, I'd like it to be at position 6 out of 6 on desktop, and going down to position 3 out of 3 on phones.

    I was planning to use a reorder css, and have tried to find a "child" parameter in the inspect css, but no luck.

    e.g

       .carousel image:nth-of-type(6) {
        order: 3;
      }

     

    Any help greatly appreciated

     

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