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. 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
  6. 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!! 🙏🏻
  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. 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
  9. 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
  10. 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.
  11. 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)
  12. 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. 🙂
  13. 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!
  14. 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.
  15. 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
  16. 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!!!
  17. Hi, what's the CSS code to align all header and body text to align left for mobile, but remain centred for desktop? Thanks!
  18. Hello everyone, how can I modify the following code so the 90 is displayed within a perfect square and in line with everything else.
  19. 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
  20. I am looking for a method to display today's date and sunset time at a specific location. Can it be done with code, widget or plugin? Geoff
  21. Using the Brine template and have alternate image on hover functioning on the product pages. I would like to replicate that alternate image on hover function on the quick view on the home page. I have the page set up with the product page inserted, but it looks like the hover function with need a custom code. I didn't find a solution in a search. Any help would be greatly appreciated! Thank you!
  22. I've got a one-page website, but obviously each section has its own url slug. This isn't a problem by itself, but when a user goes directly to one of those section URLs (www.gabrielmolinamusic.com/services , for example), they are taken to a separate page with only that section. Instead, I want the URL to take them to the anchor point for that section on the homepage, so they can still scroll up or down to see the rest of the page. I hope that makes sense. My website is www.gabrielmolinamusic.com , and you can see the problem by going to the slug /services or /works for a couple of examples. Squarespace support had no answer other than blocking those pages with a password, but I was hoping there is a way to accomplish my goal with custom code. Any help is appreciated. Thanks!
  23. 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?
  24. 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
  25. Is there a way I can add a falling snow effect to my website www.hummingbirdbyvictoria.com? Hope someone can help :-)
×
×
  • Create New...