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


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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

Found 727 results

  1. Site URL: https://www.sturgeonoutfitters.com/ Trying to disable the image crop on Mobile View, with goal of maintaining Desktop View in Mojave Template. Any help is MONDO appreciated!!! (Attached below is the Desktop View and Mobile View)
  2. Site URL: https://rafida.org Hey, I've added code (see below) to customise the arrows for the summary carousel block. Prior to the code, the arrows would disappear if there was no additional content to show other than what you see at first glance. After adding the code, the arrows show up all the time. Is there any way to adjust the code to make the arrows not show up unless there are more items to show? An example of where we would need this would be the 'OUR PROJECTS' section on our home page: Site access:https://rafida.orgpass: lastphasetesting3 Kind regards /*Change summary arrows style*/ .sqs-gallery-design-carousel .sqs-gallery-controls .next, .sqs-gallery-design-carousel .sqs-gallery-controls .previous { display: block; float: right; position: relative; top: auto; left: -15px; right: 15px; bottom: auto; margin: 0 0 15px 0; padding: 0; background-color: transparent; color: inherit !important; font-size: 16px; line-height: 16px; cursor: pointer; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\E003"; text-align: center; display: inline-block; vertical-align: middle; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-size: 64px; width: 64px; height: 64px; line-height: 64px; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-size: 50px; width: 30px; height: 32px; line-height: 32px; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous { margin-right: 10px; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\E000"; text-align: center; display: inline-block; vertical-align: middle; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-size: 64px; width: 64px; height: 64px; line-height: 64px; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-size: 50px; width: 16px; height: 32px; line-height: 32px; } .summary-carousel-pager .previous { position: absolute !important; left: 18px !important; right: inherit !important; }
  3. Site URL: https://www.kinetix.com/status/ Hi there, I'm looking for help adjusting the blog posts per row on our company's status page, used for outages. I don't want to change this using Site Styles because we have another blog that I would like to keep at 3 posts per row, as a grid. For the status page, I would like the content to appear stacked and the title to appear centered. Below are screenshots of the settings I'm looking to achieve (stacked), and how it's currently set (grid): Please help, thanks!
  4. Site URL: https://rafida.org Hey, Is there a way to make images in a carrousel summary block open up with a custom Lightbox that displays text? We hoped to do this for the 'OUR PROJECTS' section on our home page. (see screenshot) Site access:https://rafida.orgpass: lastphasetesting3
  5. There is currently a gallery block on my home page where it showcases different images that visitors will see every time they visit the website. However, I want to be able to have random images generated for every time they visit (or refresh the page) which gives the website a fresh new look. The website isn't public yet and I am using Squarespace v7.1. Any suggestions or solutions?
  6. Site URL: https://rafida.org Hey, Is there a way to move a primary navigation item and retain its style. We want to move an item from the primary navigation to be next to the secondary navigation, but don't want it to inherent the secondary navigation style. I've attached a screenshot to make it more clear. Site access:https://rafida.orgpass: lastphasetesting3 Kind regards
  7. Hey guys, I've got a client who is trying to place 3 Stripe buttons on one page on her site, but for some reason only one works. Stripe have said it's possible to have more than one on a site so may be Squarespace's issue. She has found workarounds that say to get a different identifier for each button, but seem to all revert upon saving the pages. At a bit of a loss for what to do. Has anyone had an experience with this kind of issue? Thanks!
  8. Im trying to customize a banner text, how can I reduce the space between h1 (title) and h3 (subtitle) as shown on the attached picture?
  9. Site URL: https://howtousepsychedelics.com I want to use tooltips to further define words. So, when users hover over a word, a tooltip box shows up and a definition of that word is in that box. Is this possible? If so, how? Thank you
  10. Site URL: https://www.snoozedays.com/ Hi community! I am looking to create a page that will display a video to only those who have donated money. I want this page to not be accessible to people who have not donated (therefore, a page that cannot be shared with a link & if it is shared by copying and pasting the html code it brings up the donation page before accessing the video page) I have no coding knowledge or know how to go about this so any help is appreciated and if a coder is out there please leave your details! Thank you everyone.
  11. Site URL: http://integrativetrauma.com/ Hi there, I'd like to add a line break to the title (in heading) of my website. Have tried Custom CSS and Code injection with no result. Password is "sunshine" to view the site - http://integrativetrauma.com/
  12. Hi My question is a bit tricky, and it consists of two part.. I want to insert a code block in a section. How can I refer to this same section which contains the code block using CSS without using section ID or section n-th child? (so when I copy the code to another section, I don't have to change anything in the code) How can I refer to the next section (if my code block is in section 2, how can I refer to section 3 inside my code block, so that relation stay when I copy the block to another section) I need this for multiple reasons. One of them, I have a number of projects in one page, each project have two sections (onw for text, and one for gallery). I am using a code that make these two sections next to each other using nth child. Because I have a lot of projects (I have multiple pages, each page has between 10 and 25 projects), putting the code manually for each section number is very time consuming and can be very confusing. I really appreciate any help ! https://penguin-primrose-f7ng.squarespace.com/projects/artworks tmp2020
  13. Site URL: https://www.urbandwelller.com/ Hi! Under my Interview tab I currently have 2 photos per row on desktop view. However, I'd love if someone could help me make it so that on mobile view they are stacked 1 image at a time. (I already tried using image blocks but unfortunately they go out of order (vertically, rather than horizontally) on mobile view. I've attached a photo of how I like the view on desktop, and what I wish it looked like on mobile. I'd greatly appreciate any advice. Thanks! Pw: Rooster
  14. Site URL: http://papertreestudio.net Hi All, I am hoping someone can help with a code to remove the quantity button on some of my product pages. I know how to remove it site-wide but I don't want to do that. I have some products that are perfect for the standard quantity button but I also offer wedding invitations and have them grouped into 25's. Right now in order to do that I would have to have double quantity buttons which is likely to be confusing to my customers. Before I launch the invitations I want to fix the issue. Thanks in advance!!!!
  15. Site URL: https://rafida.org Hey, I've added the below code as Code Inject for some pages to control the colour of certain icons in the social icons section. How do I add the case code injection for the cart page? Site access: https://rafida.org pass: lastphasetesting3 Code injection used: <style> .SocialLinks-inner a:nth-child(5){ colour: #000000;} .SocialLinks-inner a:nth-child(6){ colour: #000000;} .SocialLinks-inner a:nth-child(7){ colour: #000000;} </style> <style> .SocialLinks-inner a:nth-child(5){filter: brightness(50%);} .SocialLinks-inner a:nth-child(6){filter: brightness(50%);} .SocialLinks-inner a:nth-child(7){filter: brightness(50%);} </style>
  16. Hello. I was wondering if it is possible to have a mobile menu slide in on the left side of my site when someone clicks/taps on the hamburger menu button. I have a video down below to show a better example of what I have in mind. If anyone knows how to do this please reply to my message and let me know how to do it. Thanks! IMG_3795.MP4
  17. Site URL: https://rafida.org Hey, On our BRINE website, we added 4 additional custom social icons to the social links. The colour of the social links is set to white I added the below code in order to change the colour of the social links to grey on certain pages (e.g. product item pages) After adding this code, the social icons did change to grey, but for some reasons 2 of the social icons are blurry. The 2 that are blurry are 2 of the custom social icons that were added manually. For some reason one of the other custom social icons did not turn blurry? Also, it's important to mention, the blur issue only happens on Safari. On Google chrome there is no blur issue whatsoever... I've added a screenshot showing the issue. Any ideas how I can resolve this? Kind regards Site access: https://rafida.org pass: lastphasetesting3 Code added to change social icons to grey: <style> .SocialLinks-inner a:nth-child(5){ colour: #000000;} .SocialLinks-inner a:nth-child(6){ colour: #000000;} .SocialLinks-inner a:nth-child(7){ colour: #000000;} </style> <style> .SocialLinks-inner a:nth-child(5){filter: brightness(50%);} .SocialLinks-inner a:nth-child(6){filter: brightness(50%);} .SocialLinks-inner a:nth-child(7){filter: brightness(50%);} </style>
  18. Site URL: https://www.godspeedresources.org I am trying to add an InfusionSoft Tracking Code into my site. The code they supply is javascript. I tried to use a code block in the footer so it would track every page but it doesn't seem to like Javascript and I get a code disabled message. Is there a way to implement this code without having to utilize a third-party app like Zapier? I anticipate a similar problem when I try to add forms from InfusionSoft too. I found a post on InfusionSoft Forms but didn't see a resolution. (perhaps I overlooked it.)
  19. Site URL: https://www.bonomomusic.com Hello, I would like to add a badge that will lead to my SoundBetter page when clicked. Ideally, I would like to have this next to my navigation on top of every page of my site, so potential clients always see it. Alternatively, I could add it to just one page. I think I'm supposed mot be looking for something called 'Code Block' but I can't seem to find that. Do I need a Business Account in order do this? And please let me know if you need me to paste the code in this forum. Thank you!
  20. Hello, I am trying to make my custom navigation menu appear in the burger menu on mobile, along with the other links that I have built with Squarespace. I had to build the dropdown menu using html because I need to have multiple dropdowns, which I am unable to do using Squarespace folders. The rest of the links that didn't need dropdowns I just made under the main navigation section on the Squarespace homepage. So what I am trying to do is make my custom dropdown menu show up in the burger menu with the other Squarespace nav-links on mobile. I am also struggling to keep the custom navigation-link positioned correctly when the page is resized from desktop to smaller. Anybody know how I can prevent the element from overlapping other links in the navigation bar when the page is resized? Would be glad of any help, Thank you very much!
  21. Site URL: https://www.rivierabronze.com Hey All. Squarespace is telling me that I cannot edit the sitemap. Is this accurate? I'd like to edit it and reupload if possible. My current google search is mostly broken links from the old WordPress site the company was using.
  22. Hello, I need to adjust the white space around 3 font styles (follow attached the screenshot). Does anyone have a code to help me. I'm using H2, H3 and Paragraph 1, if it matters. Thanks Cris
  23. I have found this great feature I would love to use in my site http://codepen.io/ace/pen/BqEer. I have added the HTML and CSS and the pictures line up on top of each other (http://taberphotography.co.uk/test) but I don't understand what to do with the JS code. Any thoughts would be much appreciated. Thanks.
  24. Site URL: http://gabrielasilveira.squarespace.com Hi there, I'm trying to change the logo on my website when scrolling down, I've tried all css/javascript codes I could find around with no joy. If anyone has a workaround for that on 7.1 that would be much appreciated, password for the website is hello Thank you!
  25. Site URL: https://rafida.org Hey, We've added 3 custom social link icons on our BRINE website. The icons are fine when there is an overlay behind the icons. They appear white with no issue. But when there is no overlay (and just a plain white background), the regular social link icons change to gray, but the 3 new custom icons remain white. Two bits of code I'm using have been supplied below, and I've added screenshots showing the issue. Website access: rafida.org pass: lastphasetesting3 Any ideas? ----------------------------------------------------------- I adding the below code to custom CSS to change the colour, but the colour I pick only changes the standard icons and not the 3 custom icons. .tweak-social-icons-style-regular .SocialLinks-link-icon{ fill: grey; } .tweak-social-icons-style-regular .SocialLinks:hover .SocialLinks-link-icon{ fill: grey; } .tweak-social-icons-style-regular .SocialLinks:hover .SocialLinks-link:hover .SocialLinks-link-icon{ fill: grey; } I've used the following code to add the 3 custom social icons: .SocialLinks-inner a:nth-child(5){ content: url("https://static1.squarespace.com/static/5e4d565f9a543a4fb8ddc540/t/5f168b01b9ec1e5fe976efe3/1595312897641/4th.png") !important; } .SocialLinks-inner a:nth-child(6){ content: url("https://static1.squarespace.com/static/5e4d565f9a543a4fb8ddc540/t/5f16fa9a377d4a7f30b3e370/1595341466544/whatsapp2.png") !important; } .SocialLinks-inner a:nth-child(7){ content: url("https://static1.squarespace.com/static/5e4d565f9a543a4fb8ddc540/t/5f16ed8b795a690f8322dacb/1595338123572/email.png") !important; }
  • Create New...