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

Search the Community

Showing results for tags 'code'.



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
  • 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 Topics
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Topics
  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 500 results

  1. Hi, please take a look at this page: http://www.telefinans.no How would you solve the "dynamic form"? Its a loan calculator, and its the only thing that keeps the client away from using Squarespace. Any tips on good "form-builder tools"? Regards, Tor Martin
  2. I'm trying to customize my search result page on Brine template and can't find a way around it. I need to inject this custom code in the search and search result pages: <style> .Header-branding { max-width: 190px; max-height: 190px; } </style> If someone knows a way... I'd be super thankful.
  3. Site URL: https://tulip-shallot-l5l7.squarespace.com/newsletters/episode-06-staycationing-layrn I can't work out how to target the blog title font and change it , I've managed to target every other element but cant get this to change , please help! For example on this page where it says 'May' at the top of the page https://tulip-shallot-l5l7.squarespace.com/newsletters/episode-06-staycationing-layrn Password: f7 _____ code below does not work .summary-title a { font-family: fantasy; }
  4. Hi there, I am looking to create a site with only a few pages where I have a background image which fills the whole window and is locked when I scroll down the page (which I think I know how to do). HOWEVER, I am looking to do this with different images on each page however can only find how to do it globally - is there any templates which allow me to do this different on each page or anyone that knows the code I must insert to accomplish this? (I don't know any code...) Many thanks in advance,
  5. Haven't been able to find much help with this but I am trying to remove the burger bar from my mobile layout. I want to keep the logo and social tags but every code i've tried has removed them. If anyone is able to help, the theme I'm using is suhama. Thanks!
  6. Hi there, It seems that there is some automatically added structured data to our website. Is it possible to remove it ? - http://prntscr.com/p31y0b Only "Corporation" is added by me, the other is automatically generated and is actually not proper for the type of business. I read an article on why the localbusiness markup is added but there was no answer on how to remove it. Regarding "Organization" and "Website" I have no idea why they marked and how to remove them. Thanks!
  7. Site URL: https://constantinetohme.com/treatments Can anyone help me I'm trying to restrict the width of 'gallery page' images on Supply template - [here] is an example of a 'gallery page' - where images are displayed vertically with text shown on the right. Does anyone know custom CSS i can use to restrict the width of those images? I just want the images to be narrower and restricted/custom width. I've tried different css but can't seem to figure it out... what's worse is when the browser window is made full screen the image also scales up and increases the width, distorting and just taking up more of the page then I want it to. Any CSS advice to fix that really appreciated! Thanks
  8. Hi, as many of you I am using 3rd party code (Typeform for my site) I had some issues with code not loading when navigating internally in the menu to the page where the code was supposed to load. It was working well with reloading the page, but not an acceptable solution ! - There were some tips including disabling ajax (which is the repsonsible) but with major drawbacks regarding sitespeed - i found a great solution here : https://read.compassofdesign.com/typeform-squarespace-2e08bdf05113 Thanks Juliane Bone and Compass of design Which is very simple : move the page with code to unlinked section Set up a link in the main nav and link it to full url : not /codepage but https://yoursite.com/codepage Works great !
  9. Site URL: https://www.jackrabbithill.com Hey, I am trying to inject some code that will re-direct customers who have completed a purchase to a "thank-you" page but am having no luck with it. I have injected some code into the 'Order Confirmation Page' portion of the code injection portion of the setting but it does not seem to re-direct to the thank you page. Any help would be appreciated. Thanks (Here is the code that I have used to re-direct but doesn't seem to work) <script> var timer = setTimeout(function() { window.location='/thank-you }, 1000); </script>
  10. I'm trying to center-align svg icons in a two column grid. I tried using this: <div style="text-align:center;margin-left:auto;margin-right:auto""> When I'm in editing mode it seems to be working, but whenever I save and get back, everything collapses and turns into just one column. Anyone knows how to fix this?
  11. Site URL: http://www.harrisoncarto.com I have code blocks on my website and would like to make overflow text scroll on mobile rather than wrap. I've included the following code, which works for desktop windows but not mobile ones: pre, ul, ol, dl { font-family: courier; line-height: 1.3em; overflow: auto; } I've also included a picture of what the code looks like on mobile. Any help is appreciated.
  12. Site URL: https://chihuahua-clarinet-zdjc.squarespace.com/config/ I want to add a textured background image to a code block that displays text on my home page. How can I add the image to my website so that the url attribute in my background-image tag knows where to find it?
  13. I followed these steps https://poshsecurity.com/blog/powershell-syntax-highlighting-with-squarespace and within my blog it works ( while I'm in sqaurespace) See first attached pic. But when it is published it looks like normal code without the syntax highlighting.. I've tried a code block to call out powershell and I've used markdown like in the tutorial and both have the same result. Any ideas? ----update I notice when I hit refresh on the page it displays properly----
  14. Looking for examples of Squarespace websites that have figured out a good way to embed their products from reverb.com. I have a client who wants their web store and online store to all be integrated on their website. I know Reverb provides embed tools that work pretty well. Just looking for inspiration and ideas.
  15. Site URL: https://www.samadihealing.com/ Hi There :) I added this piece of code in the CCS window to change the colour of buttons when the cursor is hovering over them .sqs-block-button-element:hover { background-color: #ffffff;//button color// color: #000000;//button font color// } Ive made sure to save the changes. It works fine while the design window is open but as soon as I navigate to another page the changes disappear. Any help would be appreciated :)
  16. Site URL: https://www.keoghmediation.com/ Hi, A client of mine had already had a site built with SquareSpace when I came on board and I'm a newbie with this platform so hoping someone can help here. The client would like to add an eye-catching information box to her Cover Page, to inform her customers about the changes happening to the business due to COVID-19. From what I have read, I can't add HTML code to the content of a Cover Page in order to, for example, stylise a paragraph block. Is that correct? If not, would someone be able to explain how to add the following code to a section of the Cover Page text (not the whole block, just the last paragraph)? <p style="width: 70%; margin: auto; color: white; border: 3px solid #f4946a; border-radius: 25px; background-color: rgb(199, 90, 0); font-weight: bold; text-align: center; padding: 40px;"> If code can't be added like that, can you tell me if it's possible to recreate the Cover Page layout as a Standard Page? As far as I can see there are a few pre-existing page layout options and then the blocks of content that can be added and I assume from there I would use code to style, say, a image card block into a replica of the Cover Page. Does that seem right? Any info would be greatly appreciated Cheers
  17. So I am trying to emulate this website's specific page: https://www.bakerlab.org/index.php/members/ I have the code to change opacity of images, but when I use the "poster" setting for the images (for the overlaying text on it), the code impacts the text and makes it blurry/white. I don't want the text to be impacted by the filter/opacity, but I want it to disappear with the hover function. How do I separate the text from the filter overlay but keep it together with the hover function? What I want is the image to have a lower opacity with text overlay that is visible, but then when the user hovers over the image, both the text disappears and the image is in full quality and color. Here is my code so far. <style> .image-block { -webkit-filter: opacity(70%); filter: white(25%); } .image-block:hover { transition: filter .5s ease-in-out; -webkit-filter: opacity(100%); filter:opacity(100%); } .image-block:hover .image-card-wrapper { opacity: 0; transition: all ease-in-out 0.5s; } </style> Thanks in advance!
  18. Site URL: http://www.goedland.nl Hi all! I'm looking for a way to hide the mobile hambuger menu on a few specific pages of my website.. How do I best do this? In my Custom CSS I've added the following code on the pages I needed to hide the main navigation & footer. In this I have succeeded, but the hamburger on mobile remains... Also is there an easier way to hide the main nav and footer than what I've used now? Thanks in advance! #collection-5ea43d4d14bd4f0e74ba7e12 .Header-nav { display: none!important; } #collection-5ea43d4d14bd4f0e74ba7e12 .Footer { display: none!important; } #collection-5ea442813c53f87600534627 .Header-nav { display: none!important; } #collection-5ea442813c53f87600534627 .Footer { display: none!important; } #collection-5ea442b5f222897b8d590132 .Header-nav { display: none!important; } #collection-5ea442b5f222897b8d590132 .Footer { display: none!important; } #collection-5ea442c7a9fa910a7d7f11b2 .Header-nav { display: none!important; } #collection-5ea442c7a9fa910a7d7f11b2 .Footer { display: none!important; } #collection-5ea442c28315084d6dba2579 .Header-nav { display: none!important; } #collection-5ea442c28315084d6dba2579 .Footer { display: none!important; } #collection-5ea442cebe3c470ba754c787 .Header-nav { display: none!important; } #collection-5ea442cebe3c470ba754c787 .Footer { display: none!important; } #collection-5ea442bbb1653635c3af81f4 .Header-nav { display: none!important; } #collection-5ea442bbb1653635c3af81f4 .Footer { display: none!important; } #collection-5ea442af1d0fc8570b270cfe .Header-nav { display: none!important; } #collection-5ea442af1d0fc8570b270cfe .Footer { display: none!important; } #collection-5ea44341397d8072ce4662c6 .Header-nav { display: none!important; } #collection-5ea44341397d8072ce4662c6 .Footer { display: none!important; } #collection-5ea443362fec9937a4430f10 .Header-nav { display: none!important; } #collection-5ea443362fec9937a4430f10 .Footer { display: none!important; } #collection-5ea4433b00047c5743af480b .Header-nav { display: none!important; } #collection-5ea4433b00047c5743af480b .Footer { display: none!important; } #collection-5ea44325ee86164fffff2b3e .Header-nav { display: none!important; } #collection-5ea44325ee86164fffff2b3e .Footer { display: none!important; } #collection-5ea4432b397d8072ce466142 .Header-nav { display: none!important; } #collection-5ea4432b397d8072ce466142 .Footer { display: none!important; } #collection-5ea4433089503f2e48088ef6 .Header-nav { display: none!important; } #collection-5ea4433089503f2e48088ef6 .Footer { display: none!important; } #collection-5ea443878315084d6dba3c03 .Header-nav { display: none!important; } #collection-5ea443878315084d6dba3c03 .Footer { display: none!important; } #collection-5ea4437de702471b5a2a30f4 .Header-nav { display: none!important; } #collection-5ea4437de702471b5a2a30f4 .Footer { display: none!important; } #collection-5ea442a78315084d6dba22b4 .Header-nav { display: none!important; } #collection-5ea442a78315084d6dba22b4 .Footer { display: none!important; }
  19. Site URL: http://www.pictureitframedtas.com.au hi i want to add a large file upload option to a page (form). Is there a free option or is pay better, I have tried a few free but page now won't show live..help!
  20. I'm trying to add icons to my nav, but I can't use code injection since I have the Personal plan. Everything I've seen says to use FontAwesome, and that requires code injection. Any way to do this? Thanks in advance.
  21. Site URL: http://gregorylassale.com Hi, I've been trying forever to figure out how to add animated / clickable scroll down arrows on my site. I found this page https://codepen.io/nxworld/pen/OyRrGy I like the arrow in section 5. Through trial and error, I managed to remove the code that didn't seem necessary for me and I tweaked the ID and class tag a bit. Would it work on my site? If so, do I put the HTML in a code block? Does the CSS go in Custom CSS and the javascript in the Code Injection header? The HTML <section id="arrow" class="scroll"> <a href="#services"><span></span>Scroll</a> </section> The CSS .scroll a { position: absolute; bottom: 20px; left: 50%; z-index: 2; display: inline-block; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: black; font : normal 400 20px/1 'montserrat', sans-serif; letter-spacing: .1em; text-decoration: none; transition: opacity .3s; } .scroll a:hover { opacity: .5; } #arrow a { padding-top: 70px; } #arrow a span { position: absolute; top: 0; left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 1px solid black; border-bottom: 1px solid black; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb05 1.5s infinite; animation: sdb05 1.5s infinite; box-sizing: border-box; } @-webkit-keyframes sdb05 { 0% { -webkit-transform: rotate(-45deg) translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: rotate(-45deg) translate(-20px, 20px); opacity: 0; } } @keyframes sdb05 { 0% { transform: rotate(-45deg) translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { transform: rotate(-45deg) translate(-20px, 20px); opacity: 0; } } The JS: <script> $(function() { $('a[href*=#]').on('click', function(e) { e.preventDefault(); $('html, body').animate({ scrollTop: $($(this).attr('href')).offset().top}, 500, 'linear'); }); }); </script> Thanks in advance for any help.
  22. Hello,I'm Carla and I need help. I want to put an effect to my image and I don't know how to do it. I need a code but I don't know it. Here in this website you can see it: www.dectra.esIf you go to below there's a site that says "Padel".Don't click it, just put the mouse on the images and you will see the effect. It's like the image becomes bigger, a zoom effect when you put your mouse into the image. I REPEAT, NOT CLICKING THE IMAGE.Please I need your answer as soon as possible,Carla
  23. I am using the portfolio with a grid layout. Under the title, I want to add a brief description of the project. Is this possible?
  24. Site URL: https://www.adamhyattphotography.com So I am using a template that has plenty of space in the header for more pages to be displayed but apparently starts a new line after so many. Is there a way to keep it going all in one line?
  25. I have found this great feature I would love to use in my site http://codepen.io/ace/pen/BqEer. I have added the HTML and CSS and the pictures line up on top of each other (http://taberphotography.co.uk/test) but I don't understand what to do with the JS code. Any thoughts would be much appreciated. Thanks.
×
×
  • Create New...