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

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 232 results

  1. Hi. I just added a html block to my website. It looks perfect on desktop. But, I don't know how to get it to display correctly on mobile. Anybody have an idea? Here's the css code. Thanks! // Rotating Word 1 // .rotating-words-1 span:nth-child(2) { -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -o-animation-delay: 3s; -ms-animation-delay: 3s; animation-delay: 3s; color: #4FEAAB; } // Rotating Word 2 // .rotating-words-1 span:nth-child(3) { -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; color: #4FEAAB; } // Rotating Word 3 // .rotating-words-1 span:nth-child(4) { -webkit-animation-delay: 9s; -moz-animation-delay: 9s; -o-animation-delay: 9s; -ms-animation-delay: 9s; animation-delay: 9s; color: #4FEAAB; } // Rotating Word 4 // .rotating-words-1 span:nth-child(5) { -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; color: #4FEAAB; } // Rotating Word 5 // .rotating-words-1 span:nth-child(6) { -webkit-animation-delay: 15s; -moz-animation-delay: 15s; -o-animation-delay: 15s; -ms-animation-delay: 15s; animation-delay: 15s; color: #4FEAAB; } // Rotating Words // .rotating-words{ display: inline; text-indent: 10px; } .rotating-words-1 span{ position: absolute; opacity: 0; overflow: hidden; color: #6b969d; -webkit-animation: rotateWord 18s linear infinite 0s; -moz-animation: rotateWord 18s linear infinite 0s; -o-animation: rotateWord 18s linear infinite 0s; -ms-animation: rotateWord 18s linear infinite 0s; animation: rotateWord 18s linear infinite 0s; } // Rotating Animation Keys // @-webkit-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -webkit-transform: translateY(-30px); } 5% { opacity: 1; -webkit-transform: translateY(0px);} 17% { opacity: 1; -webkit-transform: translateY(0px); } 20% { opacity: 0; -webkit-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -moz-transform: translateY(-30px); } 5% { opacity: 1; -moz-transform: translateY(0px);} 17% { opacity: 1; -moz-transform: translateY(0px); } 20% { opacity: 0; -moz-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @-o-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -o-transform: translateY(-30px); } 5% { opacity: 1; -o-transform: translateY(0px);} 17% { opacity: 1; -o-transform: translateY(0px); } 20% { opacity: 0; -o-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -ms-transform: translateY(-30px); } 5% { opacity: 1; -ms-transform: translateY(0px);} 17% { opacity: 1; -ms-transform: translateY(0px); } 20% { opacity: 0; -ms-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; transform: translateY(-30px); } 5% { opacity: 1; transform: translateY(0px);} 17% { opacity: 1; transform: translateY(0px); } 20% { opacity: 0; transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } }
  2. I am looking for a blog post counter for my website. The blog on my website focuses on cigar reviews and each new post is a new cigar review. I would visitors to know how many cigars have been reviewed on my website in total using a blog post counter or the likes. Is this possible?
  3. Hello, My name is Joan. This is my first post and I would greatly appreciate help. I am using Beford template. For some reason when I add a link to the footer it puts an underline under the text that has the link. I would like to remove the underline. Thank you. https://crow-shark-d2c4.squarespace.com/config/ passcode- 4646
  4. Greetings - I'm looking for a way to make the "quantity" text box on the Cart Summary and Check out pages "read-only". I added this code to the "Cart Summary" page, which seems to work... .CartTableRow-itemQuantity-LwuRx { pointer-events: none !important; } ...but I cannot make it work for the final "Check out" page. (attached and marked areas I'd like to be "read only") Thanks in advance! Isaac
  5. Can anyone help with the CSS needed to change the font colour in the quote block of the Miller template please? I have had a hunt around but nothing that deals with the text colour. https://www.vibeyogaandpilates.co.uk/pilates P/W mysite100 Thank you in advance!! 🙏🏻
  6. Hello, My website is multilingual, German and English. I have two variants of every page of my website. On summaries, is there any way to translate the "Read More" link using css. I know how to target the the link to change colours or text, but is it possible to have my website show "Read More" on my English site and "Weiterlesen" on my German site? Greetings from Hamburg, Max
  7. I'm currently using the Hayden template and wondering if there is code to add my uploaded font to my squarespace banner. I don't want the typical squarespace text style in each banner section, but looking to add my own custom text and possibly adding text animation if at all possible. Here is my website homepage: https://www.mccloskeycoaching.com/ The text on the screen now is on the image itself I created in picmonkey. But is there a way to code the text on the website directly? I have done it everywhere else on my site except for the banner image. Thanks!
  8. Hi, I would like to have the "additional info" for my product on my website to be shows as a menu that when you click on it, it will expand and show the extra information. It is not possible to do so with the built-in options in Squarespace so I was wondering if anyone has any ideas for how to do this. An example is shown here:
  9. Hi there, I am looking to customise my navigation bar with code-injection, however I know nothing about code. I plan to learn, but for the sake of getting my website up and running I was hoping someone could talk me through it. I have attached two images. As you can see my navigation bar links are white on my homepage due to the dark banner image I have chosen. I have had to make the header grey so that the links are visible on the rest of my website. However I would like the rest of my website to have an entirely white background, therefore I would like to make the navigation bar links black on all other pages. Any help would be much appreciated. Kind regards, Chris Spencer
  10. Ive looked and came up empty handed. Is there a way to add thresholds pricing to quantities on items? For example, if you buy 1-10 of product A, its $15.99, but if you buy 10-20 of product A, they are 12.99. etc etc. I need a way to set the thresholds, and then hope that it also calculates it. TIA
  11. Hi all, i have this odd issue where a page on my website looks different if you access it from the Homepage > Page with issue, compared with pasting the 'Page with issue' URL directly into the browser. For example of you visit the homepage ( link text ), then scroll down and click the image for the 'Yes / No Tee' the top of the page looks like this (first image attached). The 3 headline lines are hugely spaced out, and all in the same font size / weight. Where as if you go directly to that page, by pasting the URL into a browser ( link text), it looks like this: (second image attached) . The headlines are now tighter, and the 3rd line is in a smaller weight / size – which is how i want it to look always. Can anyone tell me what i can do to make this happen? I feel like its carrying over CSS (or something) from the homepage which is messing up the subsequent page? Any tips very much appreciated! I'm using the Jones template
  12. Dear Community, I am in the process of making my website Multilingual. For the moment I have set up a test Squarespace website to experiment on, though the implementation on my live website will be the same. Website: http://lychee-sheep-23gt.squarespace.com/ Password: 123456789 Template: Brine I have followed the guide found here https://www.bradgood.net/articles/multi-language-content-on-any-squarespace-template with great success. However, I am stuck on the following: On the mobile / tablet view I would like the Language switcher to appear on the bottom of the mobile menu and not in the header... For reference here is the code I have used so far. CODE INJECTION FOOTER: CUSTOM CSS: Please take note: I am not a coder. I can understand instructions on code and modify them so they work for me.... If somebody could please help me with this, it would honestly make my day! Thanks Max
  13. hello i have an image that is centered on my page in desktop and tablet view, but in mobile view it gets pushed off center to the right. i have no idea how to fix this. any suggestions?IMAGES ARE OF DESKTOP VIEW AND MOBILE VIEW. i need the laptop to be centered.
  14. I've tried every solution I could find here on the Circle forum, but none are working! page: https://theveil.squarespace.com/nfk (scroll down to "Upcoming Events" section) template: Royce I've got a Summary Block displaying Events, filtered by Category. When nothing matches the filter criteria, there is just a big black space on the page. I'd prefer it to automatically display text when the summary block is empty, like "There are no upcoming events at this location." Note: The Upcoming Events section on the page is actually a page (/nfk-events) nestled within an Index Collection (/nfk), in case it matters. Anyone have ideas / updates to the old solutions for this? (https://forum.squarespace.com/search/?&q=empty summary block&search_and_or=and&sortby=relevancy)
  15. Hey all, I am trying to add a "typing" animation to a headline, kind of like SS used to have on its home page, so that a series of words replace each other in a continous rotation to give the impression they were being typed directly on the page (see example here). I installed the code, CSS and JavaScript from CodyHouse, which seems to be working in part, but cannot get the animation to actually work and replace each word. This is the page I'm working on. I think it might be an issue with SquareSpace not running the JavaScript properly but I'm not sure how to fix it. Any ideas?
  16. I am using the Greenwich theme, which is in the Brine family. It has a grid/stacked blog. I've been trying to use the "blog post item code injection" to no avail, only to learn here that for grid/stacked blogs, anything put into the "blog post item code injection" does NOT display on blog posts, but rather only on the blog main page. Sooo... I'm wondering if you can please help me work around this, so that the "blog post item code injection" will actually work on blog posts. Thanks in advance for your help. 🙂
  17. Hello Community, I would like the height of the images on my homepage in desktop view to shrink (https://www.thecigarbible.com/en/home). The current height is perfect for my mobile view but too tall for anything above the mobile breakpoint. Currently I am using the following code to stretch the images on mobile.
  18. Can somebody please please help me with my website. I am trying to remove the left & right padding of the images on the top of my blog.(Mobile only) I have four blogs in total on my website but I want this modification to only effect two blogs. (https://www.thecigarbible.com/en/newsblog) and (https://www.thecigarbible.com/de/newsblog) I am using the following code to adjust other padding settings on website primarily the homepage: I am facing the complication that when I change the following code, padding is added to both text and images in the blog. I only want to remove the padding on the top image and not the text. If somebody could help or point me in the right direction that would be amazing!
  19. Hi, what's the CSS code to align all header and body text to align left for mobile, but remain centred for desktop? Thanks!
  20. I'm trying to find a solution for a Jones template Limitation. If you have any information please reply. I'm trying to find a way to Customize the Catalog Playlist Embedded in the Jones Template. I've tried to get help from support but they weren't able to assist me any further but they gave me this idea to ask the community. Thanks in advance.
  21. My banner is not appearing on my item page. I need to add custom code, that would reveal the banner on your item page. Any ideas?
  22. Hell community I have a page with a featured post at the top and a summary carousel at the bottom. How can I make it so the featured post (which happens to be the most recent) is not shown as the first post in the summary block. An example page can be found here: www.thecigarbible.com/testpage Any help would be greatly appreciated. Max
  23. Hello everyone, how can I modify the following code so the 90 is displayed within a perfect square and in line with everything else.
  24. Currently on line 226 of the HTML, it has: <a href="/advocate/action-items" class="Mobile-overlay-folder-item"> Action Center </a> BUT IT SHOULD BE: <a href="https://www.californiansforthearts.org/advocate/action-items" class="Mobile-overlay-folder-item"> Action Center </a> I can't figure out how to change a line and doing code injection is not working. Please HELP!!!
  25. I need chargeback protection from stripe but they require their new checkout to be implemented to the site. Upon contact they directed me to this: https://stripe.com/docs/payments/checkout I wanted to ask, is the new checkout already implemented in squarespace or do I have to implement it manually? (I am a trial user of squarespace so not sure if stores have the new checkout or not) Thanks
×
×
  • Create New...