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

Search the Community

Showing results for tags 'code'.

  • 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
    • Selling & Scheduling Your Services
    • 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 Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • 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
  • German Circle Members'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


Badges


Expert ID

  1. Hi there! I'm trying to create a list of services for our company website. Each service should be introduced with an icon. The only way i've figured out to do so is to insert the icon as image and add the name of the service as text block. It looks great on desktop, but it doesn't behave right on mobile. Here's how it looks on desktop: Here's how I want it to look on mobile (stacking services with icons, one per line): However, on mobile the icons become full width and the service title ends up below the icon. I think I need to solve this with custom CSS. Does anybody have an idea how I could do so? Many thanks in advance!
  2. 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; } }
  3. 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?
  4. 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
  5. 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
  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. 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
  8. 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!
  9. 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:
  10. 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
  11. 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.
  12. 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?
  13. 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. 🙂
  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. 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!
  16. Hi, what's the CSS code to align all header and body text to align left for mobile, but remain centred for desktop? Thanks!
  17. 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.
  18. 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?
  19. 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
  20. Hello everyone, how can I modify the following code so the 90 is displayed within a perfect square and in line with everything else.
  21. 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!!!
  22. 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
  23. I'm trying to reduce my individual portfolio project pages to a few main images and the rest of the page that may contain additional text, galleries or images, to essentially hide unless prompted by the viewer. call it an accordion or a spoiler function or collapse, not best with terminology. I started by looking at this thread, which has a simple and elegant approach for text only.http://answers.squarespace.com/questions/72321/how-do-i-create-hideshow-faqs-in-squarespace-collapsed-text This is great for those circumstances, but I need it to include galleries and images or the like. Does anyone know how this can be done or a variant of it that may also work?
  24. 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
  25. 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!
×
×
  • Create New...