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

Search the Community

Showing results for tags 'code injection'.



More search options

  • 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
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles

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

Found 11 results

  1. Hi!! šŸ™‚ I was wondering if there is any way to customize SquareSpace's forms, I do not like the fact that it asks for a second address line as they is not needed for my website. What's more, if there any way to customize the address to only ask for a city? Or for the phone number to be in one box? Thank you in advance!!
  2. Hello, I'm using the Encore template, which won't allow me to play background video on every page of our website (thelab.org). For the code injection I'm using the below code, which seems to work for me on Chrome, Safari, and Firefox, but won't autoplay for other users on other computers. Any ideas on how to get this to play across the board? window.onload = function() { var iframe = document.createElement('iframe'); iframe.id = "bg_video" iframe.style.cssText = "border:none;width:100vw;height:100vh;position:fixed;top:0px;left:0px;z-index:1;"; iframe.src = "https://player.vimeo.com/video/362211620?autoplay=1&width=100" ; document.body.appendChild(iframe); resizeIframe(); window.onresize = resizeIframe; var wrap = document.getElementById('outerWrapper'); wrap.style.zIndex = '2'; }; Thank you for any help you can provide!
  3. Hi, I am currently using the native template and trying to remove the like button with the heart icon from a blog page. How do I do this? Any help would be appreciated here. Thanks, Jayson
  4. After doing a quick search, I found a code to disable right-click options on the desktop. However, when viewing my site via mobile device, the feature is still active. I'm still able to hold the image and save the image to my phone. Is there an accessible code out there that disables this feature on mobile devices as well? All help is appreciated. Thank you
  5. After doing a quick search, I found a code to disable right-click options on the desktop. However, when viewing my site via mobile device, the feature is still active. I'm still able to hold the image and save the image to my phone. Is there an accessible code out there that disables this feature on mobile devices as well? All help is appreciated. Thank you
  6. I am trying to have an image swap with another image on hover. This is my code: #yui_3_17_2_1_1573589440099_107 { background-image: url(https://static1.squarespace.com/static/5c6d99dā€¦/t/5dc91c4ā€¦/1573461074565/marks_thumbnail.png); background-size: 646px 470px; } #yui_3_17_2_1_1573589440099_107 img:hover { opacity: 0%; } When I use this within Chrome developer tools (right-click>inspect) in the style/css section, it works like a charm. But inserted into the custom CSS section of Squarespace, nothing happens. this is my website: https://www.mrndacreative.com/
  7. Hi everyone, I bought a plugin from Squarestud.io and it appears that they dont respond to anyone's emails/facebook/instagram - I assume they have gone bust. Anyway, I need to tweak the plugin and I am not very good at .js and would appreciate some help. The plugin is a logo loading screen using the site's logo. I am wanting to replace the image source (the existing site logo) with a gif that is stored in the site's CSS stored files - URL below. Any help is really really really appreciated. Thank you, Rob working site: https://pepper-clarinet-ctnt.squarespace.com/ GIF: https://static1.squarespace.com/static/5d9db9630e0cb109b5331185/t/5db877bc05d8093cb6fbfe15/1572370384602/mrnice-smiley.gif Code Injection: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <div class="logoload"></div> <script> $(function() { var loadLogo = $('header').find('img').attr('src'); $('.logoload').css('background-image', 'url(' + loadLogo + ')'); }); </script> <style> .logoload { /* SET BACKGROUND COLOR */ background-color: #fff; /* SET BACKGROUND SIZE */ background-size: 90px; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background-position: center; background-repeat: no-repeat; } </style> <script type="text/javascript"> $(window).load(function() { $(".logoload").delay(500).fadeOut("slow"); }) </script>
  8. I have inserted my link from Skimlinks as per the instructions via the Skimlinks website under the footer in the advanced, settings, however nothing is working. I also tried to add a pop-up from Mailchimp into the header, but that never showed up either - so now, I just have the squarespace one. Ideally, I'd like the mailchimp one. What is going on with my site that's blocking the code in my header/footer area? This is my website: adventureswithheather.com and this is the code in injected in the footer: <script type="text/javascript" src="https://s.skimresources.com/js/141915X1606220.skimlinks.js"></script>
  9. I have added a header code injection to my site for a Mailchimp pop up. It works fine on my desktop, however it's not working in mobile. I saw a code somewhere to disable the parallax scrolling to see if that would work. No luck. Can anyone help with this? Thanks! Website is adventureswithheather.com
  10. Hello there, here it goes a difficult coding one for squarespace beginers I've made a toggle switch that can enable a Dark Mode. So far things work quite well, unless for some details that I really don't find a way to make them right. Here it goes 1) the header. I would like a header full black, full width, at all times (dark and light mode). It seems simple but I can't find a single way to do it. I've tried this code below in css but the website keeps showing white margins on both sides of the header when in light mode because of the white background. Someone has any idea what I can do? header#header { position: sticky; top: 0; background: #010101; } 2) I would like that the first option when someone new enter on the site, was the dark mode option instead of the light, and if he/she want's to change is just toggle the switch, but I wasn't able to get that, so here is the code: <script>const toggleSwitch = document.querySelector('.theme-switch input[type="checkbox"]'); function switchTheme(e) { if (e.target.checked) { document.documentElement.setAttribute('data-theme', 'dark'); } else { document.documentElement.setAttribute('data-theme', 'light'); } } toggleSwitch.addEventListener('change', switchTheme, false); function switchTheme(e) { if (e.target.checked) { document.documentElement.setAttribute('data-theme', 'dark'); localStorage.setItem('theme', 'dark'); //add this } else { document.documentElement.setAttribute('data-theme', 'light'); localStorage.setItem('theme', 'light'); //add this } } const currentTheme = localStorage.getItem('theme') ? localStorage.getItem('theme') : null; if (currentTheme) { document.documentElement.setAttribute('data-theme', currentTheme); if (currentTheme === 'dark') { toggleSwitch.checked = true; } }</script> And the css for the dark mode and toggle switch appereance: /*DARK MODE SWITCH*/ [data-theme="dark"] { --primary-color: #9A97F3; --secondary-color: #818cab; --font-color: #e1e1ff; --bg-color: #161625; --heading-color: #818cab; } [data-theme="dark"] { --primary-color: #FEFEFE; --secondary-color: #FEFEFE; --font-color: #FEFEFE; --bg-color: #010101; --heading-color: #AEAAAA; } body { background-color: var(--bg-color); color: var(--font-color); /*other styles*/ } h1 { color: var(--secondary-color); /*other styles*/ } a { color: var(--primary-color); /*other styles*/ } /*Simple css to style it like a toggle switch*/ .theme-switch-wrapper { display: flex; align-items: center; em { margin-left: 10px; font-size: 1rem; } } .theme-switch { display: inline-block; height: 34px; position: relative; width: 60px; } .theme-switch input { display:none; } .slider { background-color: #ccc; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; } .slider:before { background-color: #fff; bottom: 4px; content: ""; height: 26px; left: 4px; position: absolute; transition: .4s; width: 26px; } input:checked + .slider { background-color: #66bb6a; } input:checked + .slider:before { transform: translateX(26px); } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } If anyone needs the url: www.utrade.com.br password: utrade
  11. Hi! Thanks in advance for your time if you are reading this and can be of any help. As familiar as I am with squarespace, I am a novice when it comes to code; I have been researching and attempting to add CSS to the FIVE template to get the parallax scrolling effect on the homepage. I added in code from several tutorials and nothing seems to change or recognize it and the template looks exactly the same. Any advice would be appreciated! Thanks so much!
Ɨ
Ɨ
  • Create New...