Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Outlast-Creative's Achievements

  1. Hi all, I ended up finding a great tutorial on how to add this to you site: https://www.will-myers.com/scrolling-logo-in-squarespace
  2. Hi, thanks for the response but I only have a header injection code?? Is this correct?
  3. @tuanphan Thanks for the reply Tuanphan your help is much appreciated. I don't think this worked for me though. I've attached an image of what I'm seeing.
  4. Site URL: https://tyres-assist.squarespace.com/ Hi all, James form Outlast Creative again, I was wondering if one of you lovely people can help me with adding an auto scroll to a carousel on the homepage of my newest site I'm building for a garage. The logos are of Car makes and I wanted them to sit under the hero in an auto scrolling fashion. Password to the site is: testy
  5. Can you please amend this code for me please so that it has the animated icon and text on the same line and not one after another? <div class="mouse"> <div class="mouse-icon"> <span class="mouse-wheel"></span> </div> </div> <style> .mouse { width: 100px; } .mouse-icon { width: 18px; height: 30px; border: 2px solid white; /*you can change 'white' to a hex color*/ border-radius: 15px; cursor: pointer; position: relative; text-align: center; } .mouse-wheel { height: 6px; margin: 2px auto 0; display: block; width: 3px; background-color: white; /*you can change 'white' to a hex color*/ border-radius: 50%; -webkit-animation: 1.6s ease infinite wheel-up-down; -moz-animation: 1.6s ease infinite wheel-up-down; animation: 1.6s ease infinite wheel-up-down; } @-webkit-keyframes wheel-up-down { 0% { margin-top: 2px; opacity: 0; } 30% { opacity: 1; } 100% { margin-top: 20px; opacity: 0; } } @-moz-keyframes wheel-up-down { 0% { margin-top: 2px; opacity: 0; } 30% { opacity: 1; } 100% { margin-top: 20px; opacity: 0; } }@keyframes wheel-up-down { 0% { margin-top: 2px; opacity: 0; } 30% { opacity: 1; } 100% { margin-top: 20px; opacity: 0; } } </style> <br> Scroll down to find out more
  6. @bangank36 Thank you, it works on desktop but the mobile view still has the buttons on top of each other. If this is the best we can get then it's no problem. But it would be nice to have the two buttons side by side.
  7. Site URL: https://buryvanhire.squarespace.com/under-construction-temp-homepage Hi all, Can someone please help me with a problem I'm having with the alignment of my buttons on desktop and mobile. I want them to be on the same line but it's proving difficult. Any help would be much appreciated. Password: test123
  8. Hey, @SquareRefresh!! Thank you this worked perfectly. I've been wobbling my head for ages at this haha. Nice one!
  9. Site URL: https://bagpipe-broccoli-k2x2.squarespace.com/ Hi all, I'm having trouble making the map on mobile larger at the top of the contact us page. (Link to that page is in the footer). I have put this code in to make the map full width on desktop and I think this code is causing the problem on mobile. /// Contact Us /// // Top Map // /* contact page map block full width */ section[data-section-id="61a6092201d66c32ef971e05"] { .content-wrapper { padding: 0 !important; max-width: 100% !important; } .sqs-row { margin: 0 !important; } .sqs-row .sqs-block.map-block { padding: 0 !important; } } Can someone please help me. Password to site is: test
  10. Site URL: https://reindeer-blenny-m5mk.squarespace.com/store/p/apple-macbook-pro-13-m1-soc-256gb-ssd-macos-space-grey-laptop Hi all, I'm trying to add some padding to these blocks in the image attached. But I'm having trouble finding the right code. My code is below. It would be great if someone can help. Password to test site is: password123 .product-variants { display: flex !important; } .variant-option-title { font-size: 16px; padding-top: 0px !important; } .variant-select-wrapper { font-size: 12px } .quantity-label { font-size: 16px } .ProductItem-details .product-quantity-input input { font-size: 12px } .product-details .variant-select-wrapper::after { position: absolute; top: 28px; right: 1rem; transform: rotate( 45deg); border-bottom: 1px solid; border-right: 1px solid; height: 0.5rem; width: 0.5rem; transform-origin: center top; pointer-events: none; font-size: 0.5rem !important; } .ProductItem-details .variant-select-wrapper select { border: 0.5px solid grey; border-radius: 3px; } .ProductItem-details .variant-option select, .ProductItem-details .product-quantity-input input { appearance: auto border: 0.5px; border-radius: 6px; padding: 20px; float: left; margin-bottom: 64px; }
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.