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'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • 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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://plums-elephant-58lh.squarespace.com/ Completely new to squarespace and coding in general so be nice!! Followed a tutorial online to get the SVG uploaded and replace the transparent PNG file. SVG logo keeps disappearing. What's weird, is if I go into CSS and click on a line then it will reappear. Problem is it does not show up on any devices πŸ€ͺ https://plums-elephant-58lh.squarespace.com/ test01 is the password Can anyone help me out with this?
  2. Site URL: http://www.meetbrighid.com I'm wondering if anyone out there has managed to do a bit of custom coding that would allow the tag-cloud to pull from multiple sources? My website is a personal portfolio, and I'd like to be able to tag the different photos under each project, but then when you click, say, "branding" in the tag-cloud beneath the project, see a gallery of all projects that have the same "branding" tag, not just photos within that one project. Right now, when you use a tag-cloud block, it only lets you select one page/gallery/etc to pull tags from. I'd love it if there were a way to batch-select so that any tag is visible and could cross-link to portfolio pieces with the same tags. I've got some minimal CSS happening on the site, I'm not much of a coder but I know enough to adjust CSS and some very very basic HTML if I have something to jump off of. If anyone out there has suggestions for code injection / anything, please let me know! :)
  3. Site URL: https://www.davebella.com.au/shopall Hi people, Site URL: https://www.davebella.com.au/shopall I recently purchased Universal Filter from SQUAREWEBSITES and injected the code on my site but it doesn't seem to be working or appearing at all. I want the sort by and filtering function on the shop page to work but i'm struggling to see what the problem is. it could be the container targeting that was inaccurate but please, if anyone could help me inject this on to my site, that would be of great help. Thanks <script> window.customFilterSettings = { 'targets': [{ container: 'content', //css selector to target container where you want to place filter items: 'list-grid', //css selector for items you want to filter settings: { position: 'top',//set the position for filter to appear. May be: top, left, right align: 'center',// align filter options, may be: left, center, right, space-between showItemsCount: false, // show (true) or hide (false) Items count itemsCount: { enabled: false, // same as showItemsCount text: '', // set the items text before counter, it is Items: by default and you may set your own text positionOrder: 1 // items counter position, higher means last }, keepDropdownsOpen: true, customClasses: 'lite-dropdowns cf-sort-right', /* Add any custom classes to filter container if you want to have your own to use in CSS styling, available: cf-sort-right (move sorting element right), cf-sort-left (move sort left), lite-dropdowns(gives lighter dropdowns stylings)*/ view: 'dropdowns', // available: dropdowns, breadcrumbs, modern, buttons, buttons-round, buttons-pill, buttons-inline /*----Mobile Panel Section----*/ mobilePanel: {// control if you want to have separate offscreen panel with filters on small screens enabled: true,// if set to false, no filter buttons on mobiles will be showed triggerButtonName: 'Filter & Sort', // trigger button text keepDropdownsOpen: null, // if false it overrides desktop settings, if true - dropdowns opened closeOnSelect: false, // mobile panel closed just after user selected something closeOnSearch: true, // mobile panel closed if user searched something in search field closeOnOutsideClick: true // if true, mobile panel will be closed if user clicks outside it }, /*----Filters Section----*/ filter: {// here you define all filters you need and name them category: true,// disabling default Category dropdown tag: true,// disabling default Tag dropdown items: [{ name: 'Brand',// give the dropdown (fiter entity) name you want multiple: true,// if true, allow to select multiple options // multipleLogic: 'or',// combine each selected category with OR or AND logic getAttr: 'categories'// here you say Filter to look for options in items categories }, { name: 'Features',// give the dropdown (fiter entity) name you want multiple: true,//if true, allow to select multiple options // multipleLogic: 'or',// combine each selected category with OR or AND logic getAttr: 'tags'// here you say Filter to look for options in items tags }] }, sort: {// define the sorters enabled: true,// if false - no sorters visible/working items: [{ name: 'Price',// name your sorter order: 'asc|desc',// define orders hideName: false,// hide the Price name orderTexts: '€ - €€€|€€€ - €'// define orders naming /* If sorter named as Price, you do not need define sort selectors or function: it will work the same like you defined: sort: '[data-price] parseInt' */ }] }, search: { enabled: true,// if false, no Search input will be showed text: '', //set the placeholder to your search field, otherwise Search will be used } } }] }; </script> <script src="//assets.squarewebsites.org/custom-filter/custom-filter.min.js"></script>
  4. Site URL: https://kevinthomasart.com/ttt Hi, I am looking for a right code to change the logo on the main Portfolio Page to white and still have the logo in black for the projects. Could someone advise. My main logo color is white. Have managed to code other white pages so that the logo color is reversed to black. However, on the Portfolio pages am struggling to separate the main page and the projects. See the exact page here: https://kevinthomasart.com/ttt Thank you.
  5. Site URL: https://hideawaycoaching.com Hi everyone, I hope whoever reads this is doing well. I'm wanting to show the CTA for my site, which is currently in the mobile navigation, in the center of the header. I can get it to show using the code below, but I can't seem to make it align into the center. Thank you so much in advance for any help. Code @media screen and (max-width:767px) { .header-actions { display: block !important; } .header .header-actions-action--cta { display: block; } .header-title-nav-wrapper { flex: 50% !important; } }
  6. Site URL: https://ttmspa.com Hello! I am hoping someone can help me with an issue that has appeared on my website for the past few months. When I attempt to edit a page, the mega menu appears and I can only edit the mega menu. Any page content beneath is blocked and does not respond to any mouse pointer movements. The current workaround is to remove the mega menu code, edit the page, and then re-insert the code. I have attached a video and screenshots showing the issue. I originally thought it was my web browser not displaying the editor properly, but the same behaviour exists on different browsers and operating systems. Below is the code for the mega menu. <script> $('.header-nav-folder-title[href^="/mega-"]').each(function() { var link = $(this).attr('href'); var idName = link.slice(6); $(this).parent().addClass('mega-menu'); $(this).parent().after('<div id='+idName+' class="mega-menu-item"></div>'); $('#'+idName).load('/mega-page-' + idName + ' #page',function(){ window.Squarespace.initializeLayoutBlocks(Y); }); }) </script> This issue first appeared a few months ago, and before then, page content was editable without the mega menu causing an issue. Any help would be greatly appreciated. Thank you! clip.mp4
  7. Site URL: http://www.okayokayla.com I am trying to resize the image on the first page of my site so the height fits in the mobile browser. I have tried different codes, but nothing has worked to change the height (medium size fits perfect in testing) See examples: Desktop View is perfect: Mobile View Height needs to shrink to fit:
  8. Site URL: https://www.the-village.uk Hi everyone, I am a big fan of the new auto layouts but I find the list of items limited. We cannot add a description under a title and I would like to do it... I tried to do something similar (above on the website), however it does not have the same bezazz. I tried to colour change all backgrounds/fonts but I end up with blocks touching each other and creating a large block of colour... Using spacers don't recreate the same look either. I am sure it exists a solution. Either by affecting the code of the auto layout or with some code to add to my blocks to recreate the look but I failed to find a solution so far. If you can help, it would be great! Page: https://www.the-village.uk/home section[data-section-id="60f69e0162cda9122b24831f"]
  9. Site URL: https://www.diamonstein-spielvogelfoundation.org/ I am trying to create a small section between larger sections that would act like a thick colored rule. I created a graphic and made the smallest image section I could but it is very big. Is there a way to change the height of a section? Many thanks.
  10. Site URL: https://www.jivamorelife.com Hi! I am trying to show multiple product blocks per row in mobile view. When I am in the web view, I have 4 blocks, but when I switch to mobile, they stack and are only 1 per row. How can I show 2 or 3 product blocks per row on mobile? For example, I am trying to do it on this page: https://www.jivamorelife.com/watercolor-splatters
  11. Site URL: https://www.brunhilda.cz/ Hi, I would like to know if there is any code to change WELLS mobile navigation hamburger menu, so it does not cover the full page. so from this: to this (or something similar :): Thanks so much for your advice!
  12. Site URL: http://solucionesadi.com/ Hey guys, I'm new to squarespace and I'm interested in creating a web page that can show both type of projects that my company do. Just to give you an introduction, my company work as a construction general contractor but as well we sell energy and water efficiency solutions for the construction industry. I want to create maybe two "microsites", not sure if that is the correct description, but basically divide my landing page into two sides, one the GC side and the other one the Energy / Water Solutions. We will use the same URL, for example for one project will be xyz.com/water-energy-solutions and the other project will be xyz.com/construction Please find attached an example https://www.fraternapladis.mx/. I got the idea from this web. I'm looking forward for your comments on layouts or templates that I can work this out and as well CSS coding to make it happen. Thanks in advance, Francisco.
  13. Site URL: https://www.wapacklabs.com/feedburner What is a good FREE RSS Feed to use with SquareSpace? (Feedburner is under construction). And yes the feed link works (https://www.wapacklabs.com/feedburner) but the formatting in the feedburner is not being applied is there a secret? Or is their another good option? Thank you
  14. Site URL: https://ninawells.squarespace.com/ Hi community, My friend wants her porfolio to look like a wall, so sadly I cannot use the porfolio in SS7.1 because it doesn't have the look she wants. So I've added the elements in a Summary and I replicated the title hover. So far, so good. Now I'm stuck with a problem. She wants the whole tile to be cliccable and I cannot get it to work. I've added this code and the jquery CDN in the code injection: <script> $(".summary-title").click(function(){ window.location=$(this).find("a").attr("href"); return false; }); </script> I've replicated this in codepen and it works, sadly for some reason this isn't working in Squarespace. This code should look up the link inside the div, and make the whole div cliccable. If anyone has had the same problem/situation and made this work, I would appreciate your help. Or if you have any other solutions that works and you feel like sharing, I would welcome that too πŸ™‚ To access the website the PW is LeontheCat. The affected summary is on the homepage. Thanks a lot!
  15. Site URL: https://www.archiesofcheltenham.co.uk I've tried a few different coding options but can't get the banner on our home screen to show landscape on mobile view, instead it crops it to portrait. Thanks
  16. Site URL: http://www.dblanch.es Hi there, My site is: www.dblanch.es and password: Martina2013 I want to hide home "Inicio" link from navigation bar in all pages. Please, could you help? Thanks!
  17. Site URL: https://www.janellemais.com/ Hi there πŸ™‚ Does anyone know how to embed a Hype Tumult file hosted else where on squarespace. Have tried to embed the below. Thanks, Janelle <div id="index_hype_container" style="margin:auto;position:relative;width:970px;height:400px;overflow:hidden;"> <script type="text/javascript" charset="utf-8" src="https://www.adtrek.media/Content/SiteResources/CONTENT/58/7971e9eb-b5d6-474e-853f-2c09a0a78fb9/9831%20Craigs%20Banners%20-%20970x250.html"></script> </div>
  18. Hey guys, I've embedded the code to have a spotify widget sit within my SS site. Thing is - I'm only able to listen to 30 seconds of the songs before it asks me to go to spotify to hear the full tracks. Ummmm if they wanted a link from SS to spotify there's already one in the footer. Seems redundant to even offer a widget it doesn't offer playing full tracks - like soundcloud for instance. Any help to get this working with spotify better would be greatly appreciated :) Cheers
  19. Site URL: https://www.anqi-wu.com/ hello! i'd like to add a scroll to top function on my website (placed on the bottom right hand side of the website). any help on coding for custom css to add this function to my website would be greatly appreciated! i'd like to use this icon for my scroll to top button: thank you!
  20. Site URL: https://beholdofficial.com Hi there, can anyone help me make the header to be transparent with the product listings starting from the top of the page instead of after the header? I want it to be the same for mobile too. Thanks in advanced! FROM THIS (Desktop): TO THIS (Desktop): For mobile, from this: To this:
  21. Site URL: http://oddfellows.squarespace.com/home-test Hi Circle Members, I'm working on a site at the moment and have used tables in code injection to build the menu section but all the prices need to align on the right hand side like in the attached image. Could anyone please take a look and let me know how I can do that? The url is http://oddfellows.squarespace.com/home-test And the password is "asas"
  22. Site URL: https://www.elementhfp.com/memberships Hello, I have code supplied by Minbody for clients to Login or Register to their account. (Top left of my website) This is set up as a link in the primary navigation of the website. Link works and is functional however, when one opens the webpage the code displays in raw format to the user. This is the same case for the pricng links located on the membership page. The code used is as follows: Login | Register: <script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script><healcode-widget data-version="0.2" data-link-class="loginRegister" data-site-id="102690" data-mb-site-id="5721400" data-bw-identity-site="false" data-type="account-link" data-inner-html="Login | Register" /> Sample Link (There are many): <script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script><healcode-widget data-version="0.2" data-link-class="healcode-contract-text-link" data-site-id="102690" data-mb-site-id="5721400" data-bw-identity-site="false" data-type="contract-link" data-inner-html="Buy Now" data-service-id="107" /> Does anyone know how I can stop the raw code appearring to website users as the page loads. Thanks in advance!
  23. HI! I was wondering if there was a way to code the dynamic updating of the files on a page. I would like to have new announcements auto post to my squarespace as I upload them to a folder. I don't know if this is possible. Thank You! (cant post my website because the page is hidden)
  24. Hi all,I've a question about integrating Shopify add to cart buttons to Squarespace product pages.I've added Shopify 'add to cart' buttons to product pages. This is one of them: https://www.diestanderbaardkompanjie.co.za/test. (Password: 123456) The code has been generated by Shopify.It works as follows, if someone adds a product to the cart, a cart icon is shown on the right of the screen. The icon will be shown on every page where there's an add to cart button. So if you go to another product page with a similar button the cart icon is visible. However, this means on other pages of the website the cart icon is not visible.My question: is there a way to make the cart icon visible on every page? Shopify support couldn't help me. Bit of same policy as SS, no support on custom code.I do have a workaround direction in mind. If I add the same code snippet to the footer the cart icon is shown on every page. However, this also shows the add to cart button in the footer. Maybe there's a way to enhance the code in such a way that the add to cart button is not shown in the footer?
  25. Hey guys, I found the following article - https://css-tricks.com/website-escape/ and was wondering how I can add such a feature to my site, I do not know anything about code. Using the Brine template. Any help provided would be greatly appreciated!
  • Create New...