Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'chrome'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. Site URL: https://markusgjengaar.com/ Hi! I've made a custom HTML/CSS code that could play a video on my front page. The video works on Safari (both mobil and desktop) and it works on Google Chrome on my iPhone. However the video does not work on Chrome Desktop version for some reason. It used to work, but now it does not play anything. It's just a blank black space where the video should be. Anyone out there knows whats happening? Here is my code: <section class="Intro"> <video class="Intro-video" src="/s/Hero-Home-page_v4.mp4" preload="auto" autoplay="auto" playsinline="auto" muted="auto" loop="auto" > </video> </section> <style> .Intro-video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; background-size: cover; background-position: center; position: absolute; top: 0; left: 0; } .Intro { width: 100%; height: 80vh; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; overflow: hidden; z-index: 1; } </style>
  2. Hi, I have complex product variants set up (small, medium and large) and then quantities (bundle of 100, bundle of 200 and so on) and I want to hide certain options from the quantities list and only display those relevant to the consumer. unfortunately squarespace doesn't allow this as standard. Here is my code (in a code block under "additional info" in the inventory product). This works fine in Chrome but not in Safari or iOS. In Safari the dropdown menus don't update to show the customer's choice (eg small, bundle of 100). Does anyone know what the issue in Safari is? <script type="text/javascript"> $(function() { $("select[data-variant-option-name='size']").change(function () { console.log($(this).val()); if ($(this).val() == 'small') { $("select[data-variant-option-name='pack of']") .find("option") .remove() .end() .val("Select pack of"); var selectSize = {"Select pack of":"Select pack of","bundle of 100":"bundle of 100","bundle of 200":"bundle of 200", "box of 1000":"box of 1000"} $.each(selectSize, function(key, value) { $("select[data-variant-option-name='pack of']") .append($("<option></option>") .prop("value",key) .text(value)); }); }; console.log($(this).val()); if ($(this).val() == 'medium') { $("select[data-variant-option-name='pack of']") .find("option") .remove() .end() .val("Select pack of"); var selectSize = {"Select pack of":"Select pack of","bundle of 50":"bundle of 50","bundle of 100":"bundle of 100", "box of 500":"box of 500"} $.each(selectSize, function(key, value) { $("select[data-variant-option-name='pack of']") .append($("<option></option>") .prop("value",key) .text(value)); }); }; console.log($(this).val()); if ($(this).val() == 'large') { $("select[data-variant-option-name='pack of']") .find("option") .remove() .end() .val("Select pack of"); var selectSize = {"Select pack of":"Select pack of","bundle of 50":"bundle of 50","box of 200":"box of 200"} $.each(selectSize, function(key, value) { $("select[data-variant-option-name='pack of']") .append($("<option></option>") .prop("value",key) .text(value)); }); }; }); }); </script>
  3. 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!
  4. Does anyone know why this happens every time I open Chrome's Developer tools while my website is in development mode? It never use to happen before but has been happening for awhile now.
  5. Hi Everyone First time posting so apologies for any mistakes. We currently have a site being developed and we've had some custom code put on to the landing page. The code creates a search widget which is linked to our vacation rental software. Once the code was complete and uploaded to the site we requested some minor changes, the problem we have is that you can see the old version on safari and when you make the window smaller you can see the new lines in behind. The new up to date code looks ok on chrome. is this an issue with the browser or the code? Any support on the matter would be greatly appreciated Thanks in advance David
  6. Site URL: https://tomato-porpoise-bb3a.squarespace.com/config/design/custom-css Wondering if anyone could possibly help. I am trying to add a snap scrolling feature to my site where it snaps in vertical sections. Seems to work so far but when viewed on Chrome it is snapping super fast - is there a way to improve the CSS code to make it a smoother transition?? Any help at all would be super welcome.
  7. Site URL: https://www.ashleycantley.com/ Hey there! Has anyone been experience issues with some images no longer loading for some websites, particularly on CHROME. Have checked in New Incognito as well and multiple computers. For example, this one: https://www.ashleycantley.com/ the top image (just a plain Image Collage with no Animation and have checked if having AJAX checked or not changes things). It loads totally fine on Safari, but no longer on Chrome and this wasn't an issue a week ago. It's Squarespace 7.0. Anyone have insight on this?
  8. Site URL: https://cinnamon-iris-tzrt.squarespace.com/ Hi there, For some reason there is a huge blank space below the footer. It ONLY appears on my ipad and ONLY on Chrome. I had figured it out but since then I removed some CSS code and accidentally removed the footer code. I looked EVERYWHERE! Removing all CSS code didn't solve the problem either. Please help: pw: 2020 Thanks in advance Anthony
  9. Site URL: http://www.mercedesfamousscreenwriting.com Hello, Hope all is well! I am getting an error with Chrome's Facebook Pixel Helper stating that the pixel is firing multiple times. The thing is, this only happens when I'm on backend of my website - the domain Squarespace gave me (https://disc-guava-dcds.squarespace.com/) but it doesn't happen when I'm on the actual site of what the customers will see (www.mercedesfamousscreenwriting.com). Does anyone know how to help this? I'm not sure how the pixel got added to the built-in domain. Or is that normal? Thank you, Mercedes
  10. 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; } }
  11. 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'; }
  12. 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!
  13. Hello! I use a large Heading 1 and a smaller Heading 4 on my site and they look great on Firefox, but on Chrome and Safari all of the heading styles appear as the same size. Is there any fix for this? Thanks!
  14. Site URL: https://www.securview.com Hi. On my site when using Chrome or Edge browser, when you jump to different pages there is a slight delay in loading images. For half a second all the text loads but there is a white background on the page. It happens to fast that it's got like a flicker effect. I did some research and it might have to do with how the browser loads the page and any javascript. Personally I can live with it, but my company wanted me to find a solution. If I can't control the speed in which this loads, can i at least change the temporary background color to black to prevent this "flicker" appearance? Is this CSS code or javascript? where do i insert such code? what is the actual code?
  15. Site URL: https://dragonfly-paddlefish-c5g3.squarespace.com/ Hi, there. I am using a gradient text on all of my headers (CSS below, h1-h4), and I am wanting to use header text for my footer menus. The problem is that when you hover over the footer links in Chrome, the text completely disappears. I'd like it behave like a normal hover, as it does in Firefox. Any help greatly appreciated as none of the tweaks I've done have seemed to work. Site URL: https://dragonfly-paddlefish-c5g3.squarespace.com/
  16. Site URL: https://corn-apricot-zn88.squarespace.com/portfoliodetails/lincolnhs-c2r3k-39zng https://corn-apricot-zn88.squarespace.com/portfoliodetails/lincolnhs-c2r3k-39zngop For this page I see it correctly in Chrome - on all three laptops. My boss and her boss however say that when they drag it to laptop the words get cut off. I asked my boss to reset with ctrl 0 but it still doesn't do anything for her. I am at a total loss. I keep having issues and no one is savvy enough with their laptops to tell me if they are maximizing the chrome window correctly etc. Everyone should have up to date browsers etc at our office. Can a few people check for me and if it's wonky, maybe provide some advice. It's hard for me to fix it when it looks right on my laptops! Below is what the text should look like after the images
  17. Site URL: https://www.2pt5.co.uk Hi, I have a code block with rotating text on my home page (2pt5.co.uk) Having problems with the padding being different on Chrome and Safari. No idea how to fix this! If anyone can help it would be greatly appreciated!
  18. Site URL: https://www.janglad.works/dharma Hi I'm setting up my site where a text sections have an image as a background to match the section images displayed between them creating a seamless look. This works great on Safari/Firefox but for some reason having a WebGL effect applied like Pan darkens the image in Chrome. It doesn't seem to be consistent either, with some images only having the issue with Zoom and others also having it with Pan etc. Please check out the attached images and note the colour difference between the top image and the section that has "Dharma" in it once an effect is applied. Is there any fix for this? https://www.janglad.works/dharma pw is verysecurepassword Thanks in advance!
  19. Hi, I'm seeing a strange issue with mouseover/hover on H1 blocks on a client's page (video attached). When you hover over the text, the expected result is for each of the H1s (Idealism, Integrity, Imagination) to transition to a different color, which it does. But what you can see in the video is that each hover is also producing some weird additional blocks (extending the uppercase "I"s, the height of the periods, producing a line just over "m" and first "a" in "Imagination". The client is using LESS for their CSS, but the class that controls this section is nothing too complicated: .right-text-container { margin-top: -2vw; h1 { font-family: "Helvetica Neue"; font-weight: bold; margin: 0; .font-size(84 * @PT); .line-height(97 * @PT); text-align: right; letter-spacing: -0.025em; cursor: pointer; transition: color 0.25s ease-in-out; &.hover:nth-child(1):hover { color: #839b99 !important; } &.hover:nth-child(2):hover { color: #d3b64f !important; } &.hover:nth-child(3):hover { color: #c84d26 !important; } } } Another couple strange things: It seems to only happen in Google Chrome It only happens over a certain desktop with (if I reduce the width of the browser window, it goes away) Has anyone seen something like this before? Thanks! Weird behavior on hover.mp4
  20. Site URL: http://mamondeconservation.com Hi all, I am having an issue with the automatic translation offered by Google translate. I have built a bilingual website with a "Home" page (via the link above) which works as an entry page to the two independent websites, one in English the other in Spanish. My issue is that the name of my company, which shows in the Home page, is officially in English. When entering the Home page from a Chrome browser configured in Spanish, it automatically translates the name of the company into Spanish, making no sense at all and it is totally misleading. Also, the two buttons that forward to the two websites in the two languages, are translated wrong. "English" is correctly translated into "Inglés", but "Spanish" is translated into "English" (????). Is there a way to disable this automatic translation at least for the HOME page? many thanks in advance!!!!
  21. Site URL: https://www.sussexseamstress.com Hi Anyone else see results like this in their Google Analytics? My Squarespace site seems much slower on Chrome than on other browsers. Any advice appreciated. Thanks!
  22. I am not a web design person or programer, so what I am asking is not in my wheelhouse. Any help would be appreciated. My customers are not tech savvy and quite often I have to have them download a file from my website. The hardest and longest part of the process with my customer is getting the file download and installed on my customer's computer. I created a page with a clickable link to the file. Is there a way to have an animation or image of an arrow that points to the downloaded file in my end user's browser once they click the link to download the file? Safari's download list is an icon at the top right of the Safari window, Chrome's is at the lower left of the Chrome window, etc. I have seen other sites that visually show the user where the download goes once they click the link (I can not think of a site that does this right now).
  23. Site URL: https://customersuccessqueen.com/ Hello! I have a cover page that I've had for several months and this issue started in July. When opening my website in the Chrome iOS app, my website's content doesn't appear only the background image. If it does appear, it only stays for a few seconds. I've tried different cover pages and I get the same result. I've also tried different devices and networks and the content won't show in the Chrome iOS app. I can view all content in the Safari app and desktop. If I remove the cover page, my website content appears fine in the Chrome app. My Chrome app and iOS are up to date. I've deleted the Chrome iOS app and reinstalled and that didn't help. Can anyone tell me why this might be happening? I've attached a video below. capture_20200802-0450PM.mp4
  24. Site URL: https://www.mattportch.com/ Hi, Does anyone know how to remove these weird dotted boxes when selecting anything in Chrome or Firefox? This doesn't happen in Safari...
  25. Hi, Our site is: http://www.eventing.pt/The top navigation links don´t work on chrome but work on other browsers.This should be a very easy problem to solve.Can anybody help me?Thanks in advance.
×
×
  • Create New...