Jump to content

rwp

Circle Member
  • Posts

    1,008
  • Joined

  • Last visited

  • Days Won

    14

Everything posted by rwp

  1. This all needs to be on one line
  2. You have an error in the CSS Nothing after that is loading.
  3. Add it below and hit the save button so I can see what its doing.
  4. .header-title-logo a:hover img { visibility: hidden; } .header-title-logo a:hover { background-image: url('https://static1.squarespace.com/static/5e789f950317543ce8f43447/t/5f2292c9d3288d283c2af685/1596101322262/black+backgroun+logo.png'); background-size: contain; }
  5. This is the only info I found. I have never attempted to do any of this, but I think its your only option. https://support.squarespace.com/hc/en-us/articles/206566687-Exporting-your-site
  6. Out of curiosity, what happens if you add: #home-banner-mobile {height: 600px !important; } That height won't be correct, I'm just curious if it will stop it from zooming. If it does, I might have a fix.
  7. I didn't see anything when I looked. Are you using squarespace's parallax, or a different code?
  8. This looks like its due to the web address bar hiding as you scroll. The parallax code is setting the image height based on the viewport height. When the address bar goes away, the viewport height gets larger and increases the image size.
  9. Can you enable the parallax so I can look into it?
  10. .header-menu-nav-item a { padding: 0; font-size: 1em; } Adjust numbers as needed
  11. Use HTML <a href="#anchor">Link</a>
  12. @eliasbalk Did you get this fixed? I looked at your page, I don't see the zoom issue.
  13. Sure, what page and what do you want to invert?
  14. You need to publish it after uploading. https://support.squarespace.com/hc/en-us/articles/206543047-Gallery-Pages#toc-set-the-item-s-publication-status
  15. You can inject this on specific pages code injection: <style> .header-title-logo { filter: invert(1); } </style> Or you could grab the collection ID from the body tag of each page and insert into design -> custom CSS #collection-5edf59598c1e0f59aa35b715 .header-title-logo { filter: invert(1); } Add or remove collections as necessary, separate them by a comma, like this: #collection-5edf59598c1e0f59aa35b715 .header-title-logo, #collection-________________________ .header-title-logo, #collection-________________________ .header-title-logo { filter: invert(1); }
  16. I just added a new plugin for this to my webpage. If the screen is wider than 640px, it will delay the fallback image from being visible for 4 seconds. This way, if the video doesn't load for some reason, the image will show. https://ultraoutlook.com/
  17. I think I found your page on another post. Try this: .header-nav-list .header-nav-item:not(:first-child) { border-left: 1px solid black; margin-left: .7vw !important; padding-left: .7vw !important; }
  18. .image-caption-wrapper * { display: table; width: 100%; height: 100%; margin: auto !important; } .image-caption-wrapper a { display: table-cell !important; vertical-align: middle; }
  19. The only thing I can think of, if @import doesnt work, is to copy and paste the entire css file into design -> css.
  20. @media screen and (max-width: 639px){ #pitch { min-height: unset !important; } #block-yui_3_17_2_1_1559189131342_7573 { padding: 0 !important; } #block-c6a5be37ddcf5791e077 { padding-top: 0 !important; } #biotease { margin-top: -17px; } }
×
×
  • 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.