atfirstblink

@Beyondspace worked like a charm I see the new font in safari now. However I still can't see it on my ipad in chrome for some reason, although I do see it on chrome on my laptop!

@Beyondspace I've already tried everything in the video. Pls take a look www.atfirstblink.com

I've added a custom font to my website www.atfirstblink.com for heading 1, 2 and 4. I've uploaded ttf, woff and woff2 files for the same. However, while I can see the fonts in action on my chrome browser, I'm unable to see them on my ipad or iphone and safari browser. Can someone help me fix this. Thanks.

ok @paul2009 Thank you so much for your help and taking the time to check it out 🙂

Yes I have tried this. In doing so the anchor links do not jump to the relevant section when clicked on the navigation titles from the homepage. @paul2009

@paul2009 Ok but when I insert the titles as links like you suggest i.e. lenexis-foodworks.squarespace.com/#order they lead to the section from the inquire now page but do not jump to the relevant section from the homepage as they do now and the homepage stays static. If you see https://cartesianconsulting.com/ and the seperate page http://cartesianconsulting.com/careers/ one can jump to the different sections of the homepage right from the careers page. Is there a way to achieve this on squarespace?

Site URL: https://lenexis-foodworks.squarespace.com/ https://lenexis-foodworks.squarespace.com/ pw: lenexis. I have created anchor links in navigation (about, order here, brands etc.) They jump fine when operated from the homepage. But when I click on "Inquire Now" in the navigation, which is another page, I'm unable to go back to any of those sections from this new page and the only clickable navigation title is the home title which is the main page I've designed. Can someone help shed some light on this please as this is my first time using anchor links. Thanks.

@tuanphan I have used the list section but as they have 12 images I need them to scroll in a single row instead of creating multiple rows. Can you help pls?

@tuanphanThat should work. How do I do this?

@tuanphan Hi Tuanphan, Thanks for your response. I did purchase this plug in https://ghostpluginssuper.squarespace.com/claro-summary-block , and I like the way it shows. The only problem is I want 4-5 images to be displayed and the rest should show upond scrolling like so https://cartesianconsulting.com/#team The plug in uses the summary block list feature. Can you help me tweak this pls?

Site URL: https://lenexis-foodworks.squarespace.com/#team pw: https://lenexis-foodworks.squarespace.com/#team I'd like to add a scrolling arrow after the first 4 images of the team to reveal the rest. I have currently installed the Claro Summary block from https://ghostpluginssuper.squarespace.com/claro-summary-block/ which uses the summary block List style. Can someone help me code this further pls to achieve a scrolling set similar to https://cartesianconsulting.com/#team Thank you.

Site URL: https://lenexis-foodworks.squarespace.com/ site pw: lenexis I'm trying to create something like https://cartesianconsulting.com/#team for the team section on this site. I want the image and title to appear as the sample site and then the person's bio to appear when clicked upon. Is there any easy way to achieve this or should I just purchase a plug in? Any guidance will be appreciated. Thanks.

@tuanphanThank you so much. Both your inputs helped! :))

Site URL: https://lenexis-foodworks.squarespace.com/ site pw: lenexis How do I create navigation tabs for each individual section of the homepage so that clicking on the navigation title would make the homepage jump to that section? like https://cartesianconsulting.com/ Also how do I remove the shadow from the "Rolls n Bowls" and "The Momo Co." images? These are transparent pngs but there is a shadow around both which I don't understand. Would appreciate it if someone could help with both these points. Thank you.

@tuanphan Thank you so much for your help as always! It works. If you can pls take a look once more and see if there's a way to contain the text within the image or maybe increase the side padding so that it looks more finessed. This would really help! Thank you once again 🙂

Site URL: https://kinjaltrivedisite.squarespace.com/gallery The gallery block shows the painting description on a big screen but the description cant be seen in the mobile view. pls help me fix it. https://kinjaltrivedisite.squarespace.com/gallery

thank you so much worked like a charm. I still need to remove some more padding from below.. can you help?

Site URL: https://kinjaltrivedisite.squarespace.com/ pw: kinjal How do I reduce the empty space below the site credits in the footer. Pls help.

This is what I'm posting but it doesn't seem to work // No float on mobile @media(max-width: 768px) { @siteWidth: 1400px; @siteMargin: 8vw; section[data-section-id="621331e3fb7138651a5922a8"] { @media screen and (min-width: 641px) { padding-bottom: 100px; & + section { position: absolute!important; min-height: 0!important; z-index: 30; left: 50%; max-width: @siteWidth; width: ~"calc(100% - @ * 2)"; transform: translate(-50%,-50%); } & + section + section { padding-top: 100px; } } } }

Site URL: https://lordsuni.squarespace.com/apply-now site pw: lords I have added custom CSS to create a floating banner here. I do not wish this to be floated in the mobile view. This is the CSS I am Using for it to not float but it doesn't work - pls help, where am I going wrong? @siteWidth: 1400px; @siteMargin: 8vw; section[data-section-id="621331e3fb7138651a5922a8"] { @media screen and (min-width: 641px) { padding-bottom: 100px; & + section { position: absolute!important; min-height: 0!important; z-index: 30; left: 50%; max-width: @siteWidth; width: ~"calc(100% - @ * 2)"; transform: translate(-50%,-50%); } & + section + section { padding-top: 100px; } } }

Yes I did thanks

Site URL: https://lordsuni.squarespace.com/apply-now site pw: lords Trying to customise the contact form and Using this code to have the email and phone fields and then the state and city fields in one line //apply now contact form #collection-6213261612ba180e9b09232d{ .field-list { display: flex; flex-wrap: wrap; } /* These will be Full Width*/ .form-item:nth-child(1), .form-item:nth-child(4), { width: 100% !important; } /* These Will Be Beside Each Other */ /* LEFT */ .form-item:nth-child(2), .form-item:nth-child(5) { width: 48% !important; margin-right: 4%; } /* RIGHT */ .form-item:nth-child(3), .form-item:nth-child(6) { width: 48% !important; } } It works for the state and city fields but not for the phone and email one. Can someone pls help.

I removed the disclaimer text as I wanted to narrow down the height of the block. Also can you help me remove the padding between its headline and email box?

Sorry but its disappeared again. Can you pls check.