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

Search the Community

Showing results for tags 'html'.

More search options

  • 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
    • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me



Found 158 results

  1. 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 !
  2. Site URL: https://www.jasonperreault.com/ Hi everyone! I am currently tweaking my website with some custom injections, I am using the Wells template. I have two questions: The first is that I am trying to remove the hover effect on the image on my home page, and want to make it 'unclickable' entirely. I've tried pointer-events: none, but the code does nothing. Second question: On my 'WORK' page, I would like to add a hover effect to show that the images are indeed clickable. Probably a soft white filter hover effect. Thanks so much, Hope everyone is well and safe.
  3. Hi! I just switched up to the Wells template. I want to change the Site Title and Navagation to a custom web font I have been using. I was able to do it to my old template, but that HTML/CSS is not working for this new template. I have the font code: @font-face { font-family: 'Recoleta'; src: url('https://static1.squarespace.com/static/5928e31fe58c62d37df2a7d1/t/5d410d7047ee420001652090/1564544369780/39DCEF_0_0.woff2') format('woff2'), url('https://static1.squarespace.com/static/5928e31fe58c62d37df2a7d1/t/5d410d739a4d4a0001fa3e70/1564544371195/39DCEF_0_0.woff') format('woff'), url('https://static1.squarespace.com/static/5928e31fe58c62d37df2a7d1/t/5d410d63a71ed100016bafe7/1564544355607/Latinotype+-+Recoleta+SemiBold.otf') format('otf'); } but none of the HTML/CSS I have found is working for me. I have tried each of these so far and nothing. (Each at one time, not together.) #headerNav nav a { font-family: 'Recoleta' !important; } .desc-wrapper p > strong { font-family: 'Recoleta' !important; } header h1.site-title { font-family: "Recoleta"; } .has-site-title .Header-branding { font-family: "Recoleta"; } Any help would be appreciated! Thanks!
  4. 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.
  5. Site URL: https://www.pcr-global.com I've set up SentryLogin using the method they provided (footer code injection) but this has knocked out all of the Custom CSS on the site - custom bullet points, clickable images fading when hovered on etc. Can anybody please, please help trouble shoot this?
  6. Site URL: https://plum-octahedron-jxxd.squarespace.com/ Hi everyone, I am creating a new website via Squarespace platform. The template is Heights. https://plum-octahedron-jxxd.squarespace.com/ Password to access is: 1234 As you can see, I have set some products to buy from our catalogue page. You have a section “ORDER” with two cart button named “vinyl” or “digital”. Whenever we click on it, for example on “digital”, it’s redirecting to the “checkout” page for ordering the product. But it has an animation of the button that does “ADDING…”. I would like to remove/skip this animation “ADDING…” of the button and be directly redirected to the checkout page. How I could do this? 🙂 Thanks a lot for your kind help!
  7. I'm just trying to style some custom HTML lists for a course catalog page and the class selector doesn't target as it would under any other circumstance. I found a forum post from 2014 requesting this capability, I had hoped that because it was from 5 years ago, they may have implemented that ability. Basically, I am just trying to target these specific lists, leaving the rest on the site as they are. Any advice? Thanks!
  8. Site URL: http://www.JustinYates.net PLEASE HELP. Here is my issue. -Go to JustinYates.net -In the top right hand corner you will see a "Follow Justin Yates / Tumblr" ad. this is being brought over due to the code I'm using for my NEWS section. **On mobile there are even more ads that pop up. -I use square space. I'm using their HTML code box to input my TUMBLR RSS feed onto the page. This worked for years, then suddenly this AD is on my page and I'm like "WHAT?!?!" -As you can see below, the code doesnt show any kind of ad connected to it. SO im a bit puzzled. CODE: <center><script type="text/javascript" src="http://JustinYates.tumblr.com/js?start=0&num=5"></script></center> -So my issue right now is HOW to get my RSS feed from TUMBLR, over to my website without this DUMB AD. SIDE NOTE: I've had two web developers look at the source code for the site. They can see the "div table?" that has the ad TUMBLR placed on the page. HOW CAN I ACCESS THIS AND REMOVE IT?
  9. Site URL: https://kazoo-bulldog-snp5.squarespace.com/ Hi everyone, I am creating a new website via Squarespace platform. The template is Brine Family 7.0. https://kazoo-bulldog-snp5.squarespace.com/ Password to access is: 1234 I would like to add a feature of “read more” for the text paragraph of the website. In order to not display full text of the page - the user can read more by clicking if needed. An example I used to have this custom feature on our current site: http://www.oxmose.com/catalogue?ref=landing Read more → ← Close I can add some custom element on Squarespace with some code insert for that. Do you have any code suggestion for that? Thanks a lot for your kind help!
  10. Site URL: https://downlowastrology.com/ Is it possible to add a standalone HTML structure to/behind my site? This is a 5-8 MB structure with its own css, index file, etc. I have a webhelp-type display that I'd like to share through a link, with the idea that clicking the link will display this structure separate of my site. I've looked file upload (in the text linking feature), but it appears that it won't upload folders (with files). The file upload will only open folders, not upload them.
  11. Site URL: http://rachelthor.com/ Hi there, I've been following the squarespace forum for adding code that allows me to create drop-down menus where only the heading is visible until you click it, then it toggles open to a longer explanation (often used for FAQs). This successfully worked for me on the last page I created on my site. This time around however, I'm trying to use the same code and it's weirding out on me. Working the first time I load a preview and then staying forever open after that, or continuously bouncing between open and closed. I am wondering if I have the code doubled somewhere and it's confusing itself, or what suggestions you have for clearing house and starting over to get this working across my whole site?
  12. Hi I have a tour operator site with activities in mutliple, quite different, locations. When people log into the site I would like them to be able to choose which location they are interested, similar to how one might choose a language. A few more details: Ideally I would use as little coding as possible Some of the pages (eg. about, contact) will be the same regardless of the location you choose, but once you choose the location the top menu bar should display the different pages eg. Home, Events, Activities, About ... The customer should be able to switch between sites easily through a dropdown on the menubar I have had a look and found this: https://support.squarespace.com/hc/en-us/articles/205809778-Creating-a-multilingual-site-in-Squarespace (example multilingual site here: https://bedford-multilingual.squarespace.com/) The problem with this is that the menu bar will only ever display the names of the different locations, so it will be clumbersome to navigate. Another suggestion is to create multiple sites and have a cover page linking to both, which seems overkill as I would need to pay twice for a simple website. It would also be clumbersome as I think the user would need to go all the way back to home to switch to the other site. I can't think of an example for other tour operators, but the same principle work on the Intuit site (https://www.intuit.com/): you can select an Indian, American, or Canadian version of the site, which are all similar but tailored to different locations. If you want to change at any point there is country dropdown in the top right hand corner. Would love to know if such a thing is possible. Ideally without html but am open to suggestions. This is something I see a lot with online stores and is going to be really important to a lot of people managing international websites. Perhaps there is a plugin that would help? Though I have been unable to find one. Cheers
  13. Site URL: http://www.juliestamenic.com Hi there! I would like to reduce the important amount of white I have around my title "Welcome to my world" to have it more up in the page and closer to the text. Does anyone know how to do this? Thanks a milion!
  14. Hi, I'm attempting to install TypeIt (https://typeitjs.com/) onto my site. After putting the java on my site, I've hit a road block. How do you put the necessary code onto you site? What block do you use? This is the code given: new TypeIt("#element", { strings: "This is my string!", speed: 75, loop: true }).go();
  15. Site URL: https://plum-octahedron-jxxd.squarespace.com/ Hi everyone, I am creating a new website via Squarespace platform. The template is Heights. https://plum-octahedron-jxxd.squarespace.com/ Password to access is: 1234 On our cover page, as you can see with this screenshot: https://ibb.co/RzFZ4Yr A button “play” appears when we mouse hover below the text. It’s an error that might come from the cover page style that is made to host a video. However, I didn’t upload any video on it. Only using text branding. How I could do this? Thanks a lot for your kind help!
  16. 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
  17. Site URL: https://www.dancingchihuahua.com Hey! I am trying to figure out where the weird space is coming from in the mobile view for my site (Impact template). Anyone have an easy HTML fix I can drop into the Custom CSS field? Thanks in advance for your time and assistance! Clay VA, USA
  18. Site URL: https://plum-octahedron-jxxd.squarespace.com/ Hi everyone, I am creating a new website via Squarespace platform. The template is Heights. https://plum-octahedron-jxxd.squarespace.com/ Password to access is: 1234 I would like to custom the mouse cursor and try for example to make a test the cursor of this site or similar: https://www.hellodude.it/ What code should I reuse for that? Thanks a lot for your kind help!
  19. Site URL: https://journeycamera.com/camera-lens-specifications-weights I can't remember the html code to disable a code instruction but remember is it <rem> </rem>
  20. Site URL: https://www.portcity.church/test Hey Everyone! I've been trying to get this to align for sometime, but nothing seems to be working. I'm trying to have the white button line up in the bottom corner and the "We're better Together" text slightly above it (see the attached images) The first is how it currently looks and the second is how I want it to look. Here's what I have going on currently: <style> * { box-sizing:border-box; } .connect { background-image:url("https://portcitychurch.box.com/shared/static/poy39t4b79axsdm9j0i1ncn1xw4nwav2.png"); background-position: center; background-size: cover; padding:20px; border-radius: 25px; float:left; width:80%; height: 400px; } .connect-button { background: #FFFFFF; padding:20px; margin-right: 10px; border-radius: 25px; float:left; width:auto; position: absolute; top: 40%; } </style> <div class="connect"> <h6 style="font-size:3vw; position: absolute; top:26%">We're Better Together</h6> <div class="connect-button"> <h8 style="font-size:1.3vw">Connect</h8> </div> </div>
  21. Site URL: https://www.goldforestgrains.com/ I am wondering how to modify the step #2 of the checkout process on the commerce template. As it stands, it is labelled "shipping". We do not offer shipping, only certain pickup locations for our products. The word "shipping" and having to fill out an address is confusing for our customers who know their only choice is to pickup. BTW the pickup location options are listed...we figured that much out. Is it possible to modify this wording on the developer side?
  22. I'm trying to create a live social media follower count for each site at the bottom of my site. See screenshot for example. Any ideas on how this could be accomplished? Just spent the whole evening scouring the web to no avail. Let me know if you have any ideas! Thank you.
  23. Hello, I am in developer mode and made a very simple change to test, I properly pushed and after everything loads I get "fatal: the remote end hung up unexpectedly" then after it says everything is up to date. I see no changes made in my original site. What does this mean and why can't I see my changes? Thanks!
  24. This might be an odd request, but it there a way to prevent the back button from going back to the homepage while selected on an image within a gallery? I would rather it go back to the gallery of images.
  25. Site URL: https://kazoo-bulldog-snp5.squarespace.com/ Hi everyone, I am creating a new website via Squarespace platform. The template is Brine Family 7.0. https://kazoo-bulldog-snp5.squarespace.com/ Password to access is: 1234 You can see my current menu style. This is out of the box with Squarespace, I want to custom it with some code. And Reuse this menu effect: http://editionsmego.com/ However, with another color, the blue of our site. Do you have any code suggestion for that? Thanks a lot for your kind help!
  • Create New...