Outlast-Creative

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

Hi, thanks for the response but I only have a header injection code?? Is this correct?

@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.

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

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

@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.

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

Hey, @SquareRefresh!! Thank you this worked perfectly. I've been wobbling my head for ages at this haha. Nice one!

Perfect! Thank you! @Tuanphan

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

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; }