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

cheapsea

Member
  • Posts

    14
  • Joined

  • Last visited

Everything posted by cheapsea

  1. Nailed it - thank you so much, you're a life saver! It didn't work at first but I made a slight addition to the 'hide current image' section and it worked perfectly. New code below: <style> /* hide current image */ body.header--menu-open .header-title-logo img { visibility: hidden; } /* set new image on burger menu click */ body.header--menu-open .header-title-logo a { background-image: url(https://static1.squarespace.com/static/5e8a138dedf9386b7757061f/t/5fc8e19e90a4f8549d839be0/1607000480214/%5BSITE%5D+%23FF_MASTER-LOGO_WHITE.png); background-size: cover; background-repeat: no-repeat; } </style>
  2. Would also love to know if this is possible! Trying to mimic the same effect as the pulse films site. My page is www.fifty-fifth.com/work - so once you hover over a different name the background of the entire page changes to a different image. Thanks!
  3. Anyone know if this is do-able? Desperate to find a solution! Thank you ๐Ÿ™‚
  4. Site URL: https://fifty-fifth.com/ Hey! I've recently changed the logo colour on multiple pages on my site from navy to white - when viewing the site on mobile the pages with the white logo look a lot better when you click the burger and the menu overlay appears with my green background. I want to make it so that when you press the burger icon on the pages with a navy logo, the logo changes to white when the green overlay appears. Is this possible with CSS? Thanks so much. Ned
  5. Unfortunately no, that's making the burger look like this... But I want just the actual lines themselves (so the two lines and then the cross) to be yellow. Thanks!
  6. Site URL: https://fifty-fifth.com/about Hey! I have been using this code to change the colour of my burger icon (when on mobile) but recently it seemed to stop working for some reason: .burger-inner:after { background: #ffc800 !important; } .burger-inner:before { background: #ffc800 !important; } I have tried it out on a friends 7.1 site that has zero additional CSS and it didn't work on his either. I was wondering whether Squarespace have updated their software to block the code or if there is a way around it to re-apply the colour change? At the moment it is just the default colour of the section theme of each page. Thanks!
  7. Site URL: https://fifty-fifth.com/home-1 Hello! I'm trying to change the hover colour to the links inside my accordion drop down on this page (https://fifty-fifth.com/home-1). Anyone have any idea how to implement this using CSS or HTML within the markdown? I'm using a custom code box for the accordion and a markdown above it that contains all of the text HTML. Thanks!
  8. @paul2009 This worked a like a charm for mobile - thanks so much! Do you think there is anyway to add some kind of flexbox style padding where it automatically fills the rest of the page down to the top of the fixed footer depending on the width of the desktop window? Just so that if anyone changes the size of their desktop window it won't appear there as well. Or am I pushing my luck? Thanks Ned
  9. Add this to the portfolio code injection under Portfolio Settings > Advanced: <style> .item-pagination {display: none !important;} </style>
  10. Site URL: https://fifty-fifth.com/ned-champain/japan-ready Hey there! URL in question: https://fifty-fifth.com/ned-champain/japan-ready I'm having an issue with my portfolio pages. I have made the background of these specific pages black as well as the footer of the page - however, when viewing the site on mobile device or when decreasing the width of my browser window there is a large white block that separates the portfolio navigation and the footer. Is there anyway to fill this white block with black? I have tried to move things around and apply spacers but it ruined the design so I'm turning to CSS. It seems like a Squarespace error! Even when I remove all custom code from the entire site there is the same issue. Thanks! Ned
  11. Site URL: https://fifty-fifth-test-site.squarespace.com/ Hello, Any one have any idea how to do a page header code injection on individual portfolio pages? There is only the option to add CSS that covers all pages in the portfolio and not individual pages. Thanks in advance!
  12. Hi there! I added this code and it worked for my 7.1 site however the very bottom of the logo has been chopped off. Do you know why this might be? Is there anyway to fix this? The white one is the new one that was coded in and the blue one is the original.
  13. Site URL: https://fifty-fifth-test-site.squarespace.com/ I have created a home page that has a video playing in the background - I have then made my header transparent so that the video fills the entire page. The navigation and social logos changed to white when I did this, which is great as they are now visible over the dark video. However, I had to change my logo to be white so that itโ€™s visible over the video as well. On my other pages that I am now beginning to create there is no video and the background is light - the navigation and social buttons go back to being darker (thumbs up) BUT I will have to change my logo back to being dark (thumbs down). Is there a way to have two versions of my logo and have it change in the same way that the navigation and social buttons do (white on dark background - black on light background)? Is this possible through custom CSS? I'm not much of a coder so would appreciate any guidance whatsoever! I have attached two screen grabs. One of the darker background (homepage with video) and the other with the lighter background (current about page with white logo where I want it to be dark). Thanks very much in advance!
ร—
ร—
  • Create New...