Jump to content

Search the Community

Showing results for tags 'safari'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • Resources
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. if you go to another squarespace webpage and push the back button in the browser to return to a 7.1 squarespace site background video (uploaded to squarespace) does not work. it shows only a blank space and you have to refresh site. tested on safari mac/iphone and chrome for iphone please help. thank you.
  2. Hi All, Been trying to work out why my videos no longer auto play on safari. https://www.karenyeomans.com/moving Embed code added: <div> <iframe src="https://player.vimeo.com/video/571612294?autoplay=1&loop=1&title=0&byline=0&portrait=0&autopause=0&muted=1" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe> </div> ALSO Tweaked on Vimeo - Ideally I would like minimal interference playback controls on overview page, simply tiles of moving and stills. I'd love the expand out to new window to play with sound/controls. No option to set this up in Vimeo but any code ideas around this in Squarespace? Screenshots: 1. Vimeo set-up 2. Load Safari 3. Load Chrome Any ideas/help appreciated. Thx
  3. My typefaces are not showing up on my mobile site. Below is the code, I'd love some help! @font-face { font-family: 'mundial', sans-serif; src: url('https://static1.squarespace.com/static/62cd90e706e63f41715fba9f/t/633b0ffe7e360b02782dc2fd/1664815102204/font.ttf') format('truetype'); src: url ('https://static1.squarespace.com/static/62cd90e706e63f41715fba9f/t/633b08f4432c494ec162dc04/1664813300976/font.woff') format ('woff'); }
  4. So I've asked the "Customer Care" team a few times about this issue. Site scrolls fine on desktop but on mobile it is choppy and jumps up and down as you go by different content. I've tried experimenting with parallax content on and off and other things, but it still happens. And quite frankly, just turning off parallax wouldn't be a "solution" really. So the answer I always get is, "We're aware of this, but no ETA on a fix." That's just not acceptable. So I'm posting this to see if anyone has had any success with any hack to improve how jumpy things are on mobile. We predominantly use Sonora and Mojave templates. Perhaps it isn't as bad on some templates? Thanks.
  5. Site URL: https://wedge-sealion-b28m.squarespace.com/ I have attempted to install the font Fraunces on a site I am testing. I did this by adding some code in the Custom CSS block and it works some of the time. It shows correctly in headlines but I cannot get it to show up in paragraphs. Similarly it shows up correctly in chrome but not in safari. The code I used, noted below, was placed in the custom CSS panel although I see some folks suggesting it is better in "managing custom files" tab. @import url('https://fonts.googleapis.com/css?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;1,9..144,300;1,9..144,400;1,9..144,500&display=swap'); @font-face{font-family: 'Fraunces', serif;} h1, p1 {font-family: 'Fraunces', serif;} I am not 100% sure I was able to grab the correct information from the import section of google, primarily because the interface of google fonts has changed quite a bit since most of the online tutorials I could find. I suspect this could also be complicated by the variable nature of the fonts. The password to get into the site is: pirate Any advice would be appreciated. Thanks in advance.
  6. Site URL: https://piano-clavichord-j48t.squarespace.com/ Hi guys! I noticed that the font doesn't work on my phone, I use Safari. Although everything is fine from the computer. What could be the problem? https://piano-clavichord-j48t.squarespace.com/ pw - hello
  7. Site URL: https://gtf-technologies.squarespace.com Password to access the site is: sustainability I've added a custom brand font upload to my client's website. It displays perfectly on Chrome, but defaults to a serif font on Safari. I've used custom fonts many times and never had this problem. There are multiple .otf files and I've linked them all in Custom CSS as follows: @font-face { font-family: 'Decimal Bold'; src: url('https://static1.squarespace.com/static/625ff0119482286fea0d6589/t/62602780700de322bef6cdda/1650468736767/Decimal-Bold-Pro.otf'); font-family: 'Decimal Semibold'; src: url('https://static1.squarespace.com/static/625ff0119482286fea0d6589/t/6260279055b5a43970fe6cbf/1650468752519/Decimal-Semibold-Pro.otf'); font-family: 'Decimal Book'; src: url('https://static1.squarespace.com/static/625ff0119482286fea0d6589/t/62602785cc73d30b0c8e4e45/1650468741689/Decimal-Book-Pro.otf'); font-family: 'Decimal Medium'; src: url ('https://static1.squarespace.com/static/625ff0119482286fea0d6589/t/6260278ba67dc25a0def59f0/1650468747580/Decimal-Medium-Pro.otf') } h1 {font-family: 'Decimal Bold'!important;} h2 {font-family: 'Decimal Semibold'!important;} h3 {font-family: 'Decimal Semibold'!important;} h4 {font-family: 'Decimal Medium'!important;} sqsrte-large {font-family: 'Decimal Medium'!important;} p {font-family: 'Decimal Book'!important;} sqsrte-small {font-family: 'Decimal Book'!important; } .header-nav *, nav.header-menu-nav-list * { font-family: 'Decimal Semibold'!important; text-transform: uppercase; } .sqs-block-button-element { font-family: 'Decimal Semibold'!important; } .sqs-button-element--primary { font-family: 'Decimal Semibold'!important; } .user-items-list .list-section-title p { font-family: 'Decimal Bold'!important; } .user-items-list-carousel__slides h2.list-item-content__title { font-family: 'Decimal Semibold'!important; } .sqs-block-form .field-list .title { font-family: 'Decimal Semibold'!important; } Any feedback on possible errors or how to fix would be greatly appreciated!
  8. Site URL: http://www.jeffbierman.com/ariana-grande-1 I am having trouble with YouTube videos loading on my site. All of the videos that I have linked from my Vimeo account play fine on all browsers, but the two clips I have that are linked from YouTube don't load or even show a thumbnail in Safari on Mac or iOS, but they work fine in Chrome on both my laptop and phone. It's essential for me to be able to present these works of mine on an apple device. Has anyone experienced this or know what could be causing the issue? I have had my site for a long time, maybe 8 years and I only just have noticed this issue. These are the two pages with YouTube links that don't work: http://www.jeffbierman.com/ariana-grande-1 http://www.jeffbierman.com/halsey-1 Any help would be greatly appreciated. Thank you!
  9. Site URL: https://www.fabriziaschettino.com/ Hello, I m having trouble with my landing page/website. I uploaded a custom font in CSS but it is not showing the right one in Safari and on my iPhone (whatever the browser). Also, it happens that only if I select the "bold" version of the font it works. I uploaded the .ttt, .woff, .woff2, .eot but nothing changes. Please help me Thank you very much for the support, cheers
  10. Site URL: https://www.ditbaderum.dk/ Hi guys, So I have this custom font on my site using @font-face. However, it looks bad on buttons only... as if it does not work on it. Any suggestions for a solution? I know another site for which it works completely fine. Thank you for your time and have a nice day.
  11. Site URL: https://www.lewisrossignolart.com/ Hi everyone, On the homepage of my clients site I have a few product summary blocks. The variant selector is styled correctly, however the css styles don't work on Safari & Chrome so far. Oddly enough I was able to change the font family (using the code below) for Safari Mobile app on IOS explicitly. However, I wasn't even able to change the font color using this code...only the font family. Any help is appreciated. .sqs-block-product .data-variant-option-name { font-family: amatica sc; -webkit-appearance: none; appearance: none; }
  12. Site URL: https://www.awakenkali.com/ Hello, I've uploaded a font to squarespace and added the CSS code but it doesnt show on some computers/browsers like safari. Any advice? Here is the code I typed: @font-face { font-family: Classico; src: url();https://static1.squarespace.com/static/605f4ff1a45fbc59069babdc/t/606f07e087c8fc5a71d384f9/1617889248411/Classico.otf } @font-face { font-family: Classico-Bold; src: url();https://static1.squarespace.com/static/605f4ff1a45fbc59069babdc/t/606f07e087c8fc5a71d384f9/1617889248411/Classico.otfhttps://static1.squarespace.com/static/605f4ff1a45fbc59069babdc/t/606f094d3062b77635fbb408/1617889613671/Classico-Bold.otf } h1 { font-family: Classico; } h2 { font-family: Classico; } h3 { font-family: Classico; } H4 { font-family: Classico; } .header-title-text { font-family:Classico; } @media screen and (max-width:640px) { @font-face { font-family: 'Classico'; src: url('https://static1.squarespace.com/static/605f4ff1a45fbc59069babdc/t/606f07e087c8fc5a71d384f9/1617889248411/Classico.otf'); } h1#sqs-slash-page-header { font-family: 'Classico' !important; } }
  13. Site URL: http://www.thepeak1group.com/home Hi there, I'm using the following CSS code (in Custom CSS under the Design tab, in a 7.0 Brine family site) to add drop shadows to specific images: This works *perfectly* on Chrome and I never realized there were issues with it until working with a client this week who primarily uses Safari (I work on Chrome) -- he noticed that there were "breaks" in the drop shadows across the site where I'd used the code to create the shadows. I even tried a code to add drop shadows to ALL images universally (instead of using block IDs to isolate specific ones) and still ran into issues...but only on Safari. Is there a fix for this? Or something that needs to get added/edited/removed from the code that would enable Safari to recognize it and implement it correctly? Or another code entirely that would help Safari read it correctly? This is my first time running into cross-browser issues. Attaching an image from each browser for a "shadow break" example. Thanks so much!
  14. Site URL: https://www.loxd.io/home-page/ Hello! I'm encountering an issue when I use safari to open my website. The pages loads up and then refreshes. I'm not sure what the issue is so I'm wondering if anybody has encountered it as well or it might be something with just my website and the custom code I'm using. Any help would be appreciated. Thanks! PW: loxd
  15. Site URL: https://www.sheepdogmn.com/ Hi there, I'm having some issues with how text is displaying on Safari: 1. Some lines of text are appearing cut off vertically 2. The "submit" text inside the form button disappears on Safari
  16. I've added a custom font to my website (https://pelican-harpsichord-rmwm.squarespace.com/ password: tran) which works fine in Chrome, but doesn't show up in Safari. Can anyone help me with this? Any help much appreciated!
  17. Site URL: https://www.sarvacenter.com Hello! A site I created is loading incorrectly in Safari - initially, the banner text is too high and the banner image stops short. This only happens when a user first lands on the page. Once you refresh or open the page in a different window/tab, it load correctly. It appears to only happen on the homepage. https://tiger-cobalt-x42w.squarespace.com Any ideas what might be causing this glitch? Thank you!
  18. The logo image file on my site suddenly stopped working, but only on Safari. The image loads fine in Chrome and Firefox. When I inspect the logo in Safari, it says there's an error loading the resource.
  19. Site URL: https://www.passwithpebbles.com/ HI - I have a whole lot of custom code on this website - and its giving me so much of a headache - help appreciated where ever possible! firstly there's is an additional font in Heading 2 and Paragraph 2 - a squarespace font - 'Rollerscript smooth' Its not showing in safari or on mobile. I have added it as Rollerscript & rollerscript-smooth - no change. I've looked at past posts and every answer is different what's the up to date resolution? www.passwithpebbles.com - pw P388l3s (thats a lower case L not a 1) h1 { font-family: 'Circe'; } h2 { font-family: 'Rollerscript-smooth'; } h3 { font-family: 'circe'; } H4 { font-family: 'circe'; } .sqsrte-large { font-family: 'Rollerscript-smooth'; } p { font-family: 'Circe'; } .sqsrte-small { font-family: 'Circe'; }
  20. Site URL: https://www.westbrookinnovative.com Good afternoon! My font seems to be displaying correctly in Chrome, but not Safari. This is the CSS I'm using: h3 strong {font-family: 'Montserrat'; font-weight: 100;color:#black; font-size:40pt; line-height: 40pt; letter-spacing: -1px} h3 em{color:#a5ce43; font-style:normal; font-weight: 300} Any help would be appreciated!
  21. Site URL: https://www.thorpe-hall.org/paypalbookingform I have a form built with google apps script: https://script.google.com/a/macros/thorpe-hall.org/s/AKfycbzSjpbW8moBJ75Q82NEux6ezDTbFAEtGIVki4i0PcelrbxjveletfyYtZ1ic9rQ_k-Szg/exec. I would like to display it in a code block as an iframe: eg: <iframe src="https://script.google.com/a/macros/thorpe-hall.org/s/AKfycbywQJsGAqumlhdBvw0AlYy6b2fFfqKy8cn8wgY0FYGCURQZApeVCnU2ZlxiUFyxKaTWAg/exec" > Loading ... </iframe> This displays ok on MS edge and on Chrome but does not display at all in Safari, at least v11. Interestingly, the parent div does display, just not the form. Also, I have another a form, this one created using google forms, and included in a code block as an iframe: <iframe src="https://docs.google.com/forms/d/e/1FAIpQLScBeUGhrtxNNqq4F0FS0dWPwwTFMNAr6llRu-p343dYoWjUcg/viewform?embedded=true" > </iframe> and this DOES display fine in all three browsers mentioned above. so it seems that my safari browser will display an iframe ok, but presumably only if it is setup ok. So my question is what needs to go into the header of my google apps script form to make it display ok.
  22. Site URL: https://chihuahua-parrot-rjda.squarespace.com/ I've added a custom font (both woff and woff2 files) and it's working fine for Chrome but not Safari. Safari is showing up as a serif font, even though the font pack selected in squarespace is sans serif (Neue Haas). Here is my code: @font-face {font-family: 'Banana-Grotesk-Regular'; src:url(https://static1.squarespace.com/static/6099b1999f075203e3da1346/t/609cbd37811c1e67f7a48445/1620884791285/BananaGrotesk-Regular.woff) format('woff'), url(https://static1.squarespace.com/static/6099b1999f075203e3da1346/t/609cbd3ca6cf026bb5edcc79/1620884796131/BananaGrotesk-Regular.woff2) format('woff2'),} .header-nav *, nav.header-menu-nav-list * { font-family: 'BananaGrotesk-Regular' !important;} Site URL: https://chihuahua-parrot-rjda.squarespace.com/ Site password: RG999!!! Any help would be fabulous! Thank you!
  23. Site URL: https://www.yellowbikepress.com/ Hello! Here is the site I am working on and the page I am referencing: https://www.yellowbikepress.com/blog. I used code to change the font of the blog post title and "Read More" button in the summary section, as well as the "Sign Up" button in the Subscribe section on the right. In Chrome the fonts show up fine, however in Safari they don't appear. Here is the correct formatting: And here is how it appears in Safari: Any thoughts on how to fix this? Thanks!
  24. Site URL: https://www.movingexperience.me/ I used custom css to justify text on my webiste. This is what I used in the : p { text-align: justify } I also tried adding this to the code blocks: <p style="text-align: justify ;margin-top:-20px;white-space:pre-wrap;font-weight: 500;" Now it is only being displayed correctly when the site is viewed in google chrome, it doesn't work in safari. I also tried adding this: body p, .sqs-layout .sqs-block.html-block p { text-align: justify !important; } but it's only affecting the regular text blocks, not the coding blocks with the text I actually want to justify. I'm thankful for any ideas what might be the problem here!
  25. Site URL: https://martine-emdur.squarespace.com/vanessa-stockard-artworks/after-christus Have had tremendous help from @bangank36 with providing css to vertically align text to the bottom of an inline image on blogs to display exhibition artwork however have one problem with it. On Mac Chrome looks perfect with position: absolute; bottom: 1%; but as you can see Safari gives it an extra push down below the edge of the image. Is anyone able to help with how I account for the different padding in Safari? https://martine-emdur.squarespace.com/vanessa-stockard-artworks/after-christus password = elliot Many thanks in advance.
  • 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.