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
  • Squarespace Forum Club Guidelines'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

Found 433 results

  1. I have wondered if it was possible to create a bottom footer with information. There is no one in the template that I use. - Wells See the picture I attached.. Thanks in advance!
  2. Site URL: https://www.mariposastrategies.com I embedded a third-party form a couple months ago, it auto pops up on any page a user lands on. I don't remember where I placed it and now cannot find it anywhere. Any guidance is extremely welcome. Thanks!
  3. Site URL: https://www.weloveraw.co/shop Hey guys, I've been trying to get this custom bit of code working where I want to format my page like the product on the LEFT of the image attached. With the product range in bold, followed by a line break <br>. I cannot for the life of me work out what to do. The text in these boxes isn't seeming to respond to any CSS tag like p, h1, h2 like other text on the page does, and I have no idea at present how to insert the line break, or even how to make it conditional. I made the image below by editing the HTML directly in the Chrome inspector. Thanks in advance if you have any ideas! Jamie
  4. Site URL: https://www.beautymedia.co.nz Hi! I have managed to change all the font on the website except for two things: the header / nav bar font & button font. How do I do these two. I have tried the bellow but it won't change the text in the buttons. Also unsure of CSS for the header font. My font is GIDOLE. PWord for website is beautymedia. Any help would be greatly appreciated! /* button */ .sqs-block-button-element { font-family: 'GIDOLE' !important; }
  5. Site URL: https://arugula-eagle-pdp2.squarespace.com/ Hey everyone, i'm new to squarespace. I saw that it is possible to edit the source code of our page when we have the premium advanced feature. What I want to do is to add support of mondial relay ( a relay point service), so for that I would need to add with javascript some code based on the mondial relay api. How could I acces to this checkout page, I pulled from git my website but I do not understand how this works and where my pages are stored so that I can modify them. Thanks for your help !
  6. Hi there, sorry if this has a simple answer, but does anyone know how to remove padding of a certain section? I'm using squarespace 7.1 if that helps. And I just want one image to have no gap from one section to the next, from top to bottom. I have tried several codes and none seem to do anything. thank you! B.
  7. Site URL: http://www.djwconsultancy.co.uk/djwlanding1 Hi I am a novice at this. I have produced a landing page using leadpages and copied the Dynamic HTML Code into my landing page on squarespace. Unfortunately Square space still displays the default header, body and footer of the default template designed for my site. How do I go about changing this?
  8. Site URL: http://www.ofrasco.bio/cart After I have some product on the cart, there is an option, below "SIZE", that's a link that says "Editar detalhes" (that means "change details"). It is referring to the form I created for when people add a product to the cart. I attached a screenshot. Is there a way to take out this "Editar detalhes" link and text? Thanks in advance
  9. I am using this code: .sqs-add-to-cart-button, .product-price, .product-quantity-input, .quantity-label, .floating-cart,{ display: none !important; } to removed the price, qty/box, add to cart button and the shopping cart at the bottom. But my site has 2 different stores and I want this code to ONLY affect one of these store pages and not both. I will need the specific code and the location it goes to using 7.1 only - no template answers please.
  10. 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.
  11. Hi guys! I've seen a few websites with parallax scrolling on one of their pages and then the next page below is enabled. I think that's such a cool feature that I would love to implement. I searched the web for a long time to try to find the code for this but I just got this link https://blog.alexgittings.com/disable-parallax-on-one-squarespace-page/ with a code, but I have no idea where to put the code as it's poorly described. THIS IS WHAT THE ARTICLE SAID: To do this you will need to inject a script into the page. Navigate to the page cog and select advanced and enter the following: <script> Static.SQUARESPACE_CONTEXT.tweakJSON["tweak-overlay-parallax-enabled"] = false; </script> Once saved the parallax feature for that page should be disabled. But I have no idea where to put this code. Do any of you have any suggestions or know of another way? Thank you! Eager to hear back 🙂
  12. I would like to change the language of my shop in 7.1. Buttons like "quantity" or "add to cart" should be displayed in German. How can I do that?
  13. Is there a way to change a name of an item in checkout? Let me explain the situation. I am using Squarespace in Portuguese from Portugal but some words on the checkout are written in Brazilian Portuguese, which have a totally different meaning, in this case. 'Frete' should be 'Entrega' instead (it's Portuguese for Shipping". And the words 'revisar e comprar' should be 'confirmar e pagar'. Do you know anyway that I could correct this? I have already contacted Squarespace support but they couldn't help me. Thank you!
  14. Site URL: http://www.grey-sapphire-9lfk.squarespace.com Hey folks, I am designing a site using Brine, and I have a heap of code I've injected. I've just input a carousel gallery into a page and noticed that it scrolls OVER my (coded) fixed header and can't figure out why. Summary blocks don't do it, other galleries aren't doing it and all of my efforts yesterday to amend, didn't work. Can I get some help here? www.grey-sapphire-9lfk.squarespace.com/internal-signs Password: help
  15. Hello, Has anyone been successful with a custom code for live-streaming videos (through Zoom platform)? Thanks!
  16. I'm uploading images that I dont want people ripping from my webpage, or inspect element. is there anyway I can potentially hide the right click or get rid of both the right click and encrypt the link from the inspect element. i'm using the mark novo template.
  17. Site URL: http://www.pllama.com I have a scrolling banner on my home page. Because of Squarespace's new "responsive webpage" i can not get it to scale down on mobile... only crop... and it looks terrible. Squarespace confirmed that there is no setting that will allow the banner to scale on mobile instead of crop. Is there a code that will allow me to do this? Any help will be much much much appreciated!
  18. For one of my client websites, the customer has requested an 'autofill' segment for addresses, based on location. I wondered if there were any existing plugins or any advice on how to do this in the squarespace form. I've strong familiarity with HTML and CSS, but not so much with Javascript and other languages. I've come across this online, but I'm unsure if it can be implemented on Squarespace...https://www.solodev.com/blog/web-design/adding-an-auto-complete-address-field-to-your-forms.stml Thanks in advance.
  19. Site URL: https://benrizzo.com Hi, I am adding an affiliate product page I created to my website. I paste the code into the code injection block and the code shows up, but no image. This is the code I am using: <script type="text/javascript" language="javascript" src="https://www.tqlkg.com/widget-5e823a28e4c7af1202a92b34-9275879?target=_top&mouseover=Y"></script> It should be a collage with art supplies that link to utretch.com on the bottom of my contact page What am I doing wrong here? Thanks Ben
  20. Hey guys, I'm looking to make the footer text smaller than the body text. I feel like there's a code that could probably help this. Any suggestions? Thanks
  21. Site URL: https://runatitshouting.co.uk/courses where the calendar thumbnail is to the top left on each event. this is clickable and takes you to another purchase page. can i possible change this so when you click on the calendar thumbnail i can take them to a customised url. i want to take the user to a page with a calendar on if possible . All i need to know if how i change the url for the thumbnail thank you in advance x
  22. Hi All, I am struggling with Parallax on mobile and I wanted to know if there is a line of code I can insert in the header code injection that will enable me to keep the effect on desktop versions of the site. Site in question : www.nicolebarton.co.ukSite Style: Bedford You can see on the mobile version I am getting bars appear on the top / bottom when viewed in the mobile format. I have copied my Parallax code below, which sits in Settings>Advanced>Code Injection <!-- Parallax --> <script src="https://cdnjs.cloudflare.com/ajax/libs/rellax/1.6.2/rellax.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { var targets = '.banner-thumbnail-wrapper #thumbnail img, .index-section #thumbnail img, .index-section:first-child .slide .thumb-image'; if (document.querySelector(targets)) { var rellax = new Rellax(targets, { speed: -3, center: true }); } }); </script> <!-- end Parallax --> Ideally this would be a few lines of code at the end that states if a page is 640px wide then it will disable this particular piece of code. Any help greatly appreciated!
  23. I've added the following code to embed a user portal to my website but it only appears within the limited box of a code block. Could you assist me with a way around this? I've tried extending height and width and it disappears from the page. The code: <html> <body> <div> <iframe src="https://www.flexiquiz.com/account/si" style="border:none;width:100%;height:100%;" ></iframe> </div> </body> </html> I'm trying to embed it into the whole body of this page
  24. Hi, I want to create availability Filter for My client Tour Website Please suggest any plugin or solution Thanks
  25. Site URL: https://turbot-blenny-xfm4.squarespace.com/fund I have added some code into a codeblock which includes javascript. It is the second row of icons on this page. It works when I put the site in "Safe Mode" while editing, but when I check it in incognito mode it doesn't work. Has anyone come across this before? I would really appreciate some help.
×
×
  • Create New...