Jump to content

MAC1

Member
 View Profile  See their activity

  • Posts

    100

  • Joined

  • Last visited

 Content Type 

Everything posted by MAC1

  1. MAC1
    Hi, been searching for code to target the social links icons to hover over with a custom colour I want the social links to hover over as blue only got this far with the code, im not great at coding though. cant find the right class id /* Change color for all social icons on hover */ .social-icon:hover { color: #43c6ff; /* Replace with your desired hover color */ } web: https://ellipse-teal-dl5w.squarespace.com/ pass: 2 Cheers
  2. MAC1
    That's perfect thanks helps the design so much cheers
  3. MAC1
    Hi, I'd like to hide youtube and vimeo social links on the top header in desktop mode only before: after: I only want the hiding of vimeo and youtube to happen on desktop header. Footer and mobile header should not have the vimeo and youtube hiding: i would like all 5 on mobile header: and keep all 5 on footer: Problem is if you hide the header social links it affects all instances where it is used. any code to target only the header desktop to hide vimeo and youtube? is this possible with code? Web: https://ellipse-teal-dl5w.squarespace.com/ Pass: 2 Thanks
  4. MAC1
    Brilliant, thanks again Lesum!
  5. MAC1
    Hi, im trying to remove the underline from text i turn into links. And instead create a "hover" when mouse cursor is over the text and when its mouse clicked footer at the moment: desired footer change: Looks a bit cleaner, hope you can help. web: https://ellipse-teal-dl5w.squarespace.com/ pass: 2 Cheers
  6. MAC1
    the contact page has a contact form and text and the home page has gallery carousel and text. they dont have portfolio's but id like them to format the same as the portfolio code you gave me if that makes sense. contact page: id like to change the body the same way as the portfolio code you gave home: home elements change to 1 column sooner like the portfolio code
  7. MAC1
    Got it. i can change the layout of header and footer so it works out fine the other question: how do I change the code for "home" and "contact" to do the same as the portfolio code? here's the collection id for those 2. // contact page grid columns - one @media only screen and (max-width:999px) { #collection-64d2646babc255172a644578 { } } // home page grid columns - one @media only screen and (max-width:999px) { #collection-64d255619ec2f716e2c78972 { } }
  8. MAC1
    I wanted the header and footer to move into a smaller 1 column format also it gets a bit tight as it reduces in width. Not sure if thats possible though. thanks for the advice thats much cleaner for the portfolio elements
  9. MAC1
    that's looking better already for tablets thanks. so you can't target the header or footer? i got it working on motion and design also. thanks. how do i change the code for home and contact to do the same? here's the collection id for those 2. // contact page grid columns - one @media only screen and (max-width:999px) { #collection-64d2646babc255172a644578 { } } // home page grid columns - one @media only screen and (max-width:999px) { #collection-64d255619ec2f716e2c78972 { } }
  10. MAC1
    Hi, web: https://ellipse-teal-dl5w.squarespace.com/ pass: 2 I was wondering if there is css code to make the website adapt/change into the mobile format sooner than what it is at the moment. At this point of width scaling (xxx px) i'd like the website to go into mobile format: like this: thanks
  11. MAC1
    thank you works great
  12. MAC1
    Hi, web: https://ellipse-teal-dl5w.squarespace.com/design/ultraflex pass: 2 Wondering how I can target a "hover over" colour for pagination < PREVIOUS and NEXT> icons in the portfolio. I was able to find code to change the arrows but not the text (PREVIOUS and NEXT) put the code in Website Tools / Custom CSS /* pagination hover */ .item-pagination[data-collection-type^="portfolio"] h2:hover { color: #42c6ff; } .item-pagination[data-collection-type^="portfolio"] .icon:hover svg { stroke: #42c6ff; } how far i got: Just need the NEXT and PREVIOUS to be a different colour on hover over. Thanks
  13. MAC1
    Hi, Looks great when its like that but as soon as you either resize the window or manually scroll across the clients this happens: ive made a quick video where the mouse pointer shows the issue https://vimeo.com/856386618/ef2f4dc16a?share=copy Hope theres a fix, thanks
  14. MAC1
    that's awesome thank you!
  15. MAC1
    ok i got the side arrows to disappear with this code in code injection footer: now all i need is a solution to the code so the client icons doesn't overlap and cutup/mask each other when it scrolls manually <style> .user-items-list-item-container[data-section-id="64e0f5e72187090abf355723"] .desktop-arrows, .user-items-list-item-container[data-section-id="64e0f5e72187090abf355723"] .mobile-arrows { display: none !important; } </style>
  16. MAC1
    thats simply amazing. the logos are moving nice and smooth looks great. 2 issues have arisen out of the new code though. 1. on resize or manual scroll some logos get cropped and overlap other ones in front as seen in screenshot 2. the side arrows need to disappear again like in the old code thanks for the support i haven't been able to find this kind of solution anywhere so grateful for achieving this result so far. thanks so much
  17. MAC1
    works great! appreciate the time. I'm guessing the carousel is limited to the stop/start jaggered movement because its hitting the arrow button every 2 seconds and not giving a smooth right to left animation scroll continuously. *I was hoping since you can mouse click holddown and drag a smooth animation from left to right with your mouse maybe some code code mimic this mouse drag. the plugin is a smooth animation and not a stop start. https://schwartz-edmisten.com/shop/animated-scrolling-logos since im happy with the look of it so far i guess i could pay for the plugin, but any advice?
  18. MAC1
    Hi, I've seen a few forum requests for auto scrolling carousels for clients. I cant seem to get any of the code in these requests to work. 1. Is there a way to smooth scroll the clients logo on autoplay without paying for a plugin? have i picked the wrong gallery for the client icons? is there a squarespace auto scrolling gallery i can use? kind of like this plugin: https://schwartz-edmisten.com/shop/animated-scrolling-logos 2. on mobile the gallery goes to 1 item is there a way it can be 3? before: after: web:https://ellipse-teal-dl5w.squarespace.com/ password:2 thanks again
  19. MAC1
    looks great works perfect, thank you
  20. MAC1
    Hi, no worries ive changed the password to: pass:2 hope that works thanks
  21. MAC1
    Hi, I'd like to have a dynamic (transparent) style header for the home page only, so the background video is one with the header: Web: https://ellipse-teal-dl5w.squarespace.com/ pass: blublblub and a solid white style header for the rest of the pages what code could i use to make this happen? Cheers, Mac
  22. MAC1
    thanks again
  23. MAC1
    thank you all looks great, although the button alignment "request a quote" (no.3 on pics) hasn't been targeted in the css code. what is the block id for the button? cheers
  24. MAC1
    Hi, I was hoping to have different alignments for these 4 elements when the website changes from desktop to mobile 1. copyright (align right on desktop, align left on mobile) 2. social buttons (align left on desktop, align center on mobile) 3. request quote button (align left on desktop, align center on mobile) 4. greyed out logo (align left on desktop, align center on mobile) desired outcome for footer with its own alignments If i make the align changes in editor for desktop it applies it to mobile also. so i was wondering if there was code to change alignments to these elements when its mobile vs desktop. website: https://ellipse-teal-dl5w.squarespace.com/motion pass: blubblub thanks footer at the moment because of desktop alignments
  25. MAC1
    thank you so much looks great! much appreciated
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources