Jump to content

adzrozanski

Member
  • Posts

    16
  • Joined

  • Last visited

Everything posted by adzrozanski

  1. Likely going to cancel my subscription because this makes prevents me from showcasing most of my work as a motion designer. This needs to be implemented to work as it did in 7.0. Why the step back?
  2. Hi there. So I would like to use custom CSS to add a little scale-up animation to the title and feature image when I hover over portfolio projects. Currently, I have managed to code it so that the text scales up when I hover over the text but I would like it to do so when I hover over the project image/overlay as a whole - not just when I hover over the ".portfolio-title". This is the code driving the current animation. I am happy with the easing. //--- SCALE PORTFOLIO TEXT ---// h3.portfolio-title { transition: all 1s cubic-bezier(0,.2,0,1) } .portfolio-title:hover { transform: scale(1.05); } How would I also get this same effect on the portfolio image too? I would like to have control of this too. https://ryz-2023.squarespace.com/work PW: test Thanks!
  3. Thank you! I ended up turning animations off altogether so I could manually control each.
  4. Thanks for the tip! I ended up turning animations to "NONE" and coding it in CSS myself to have more control of the easing and motion. This is the code I used - works great for my needs: .header-nav-item { display: inline-block; position: relative; } .header-nav-item::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 4px; left: 0; background-color: #0000ff; transform-origin: bottom right; transition: transform 0.4s cubic-bezier(.5,.2,0,1); } .header-nav-item:hover::after { transform: scaleX(1); transform-origin: bottom left;} URL was updated to https://ryz-2023.squarespace.com/
  5. The top text block of all portfolio project pages. So for instance WORK > E3 Versus They are currently identified for the time until I work out a fix.
  6. Hi there I am moving my site over to 7.1 and hoping to turn off some of the flex animations on my "Work" page when I hover over the portfolio feature images. Specifically, I would like to use Custom CSS to turn off the scale in / zoom in of the feature image and turn off the slide up of the text overlay. Visually they oppose each other's motion so I would prefer to keep these clean and static. The fade on of the blue overlay is fine as is. For reference, my current site which I prefer the hover motion of these blocks is www.adamrozanski.com Password to the WIP site is "test" Thanks!
  7. I have been on multiple threads on the forum yet I am experiencing an issue where Custom CSS isn't removing the underline from the active nav item. This is the code that isn't working, I have seen it suggested everywhere for this specific circumstance and I have tried multiple variations of it: .header-nav-item--active a { background-image: none !important; font-weight: bold } Any help would be greatly appreciated. The password to the site is currently "test"
  8. I have noticed when you create a project under a portfolio page, the type headings have a word by word slide up motion when using the "Flex" style. However, as soon as I format text - Text color or size, the animation no longer happens. I have also noticed that if I use the exact same style as the original text block, it still doesn't animate. Is this a glitch with that style? If not, what controls when type does and doesn't animate? There doesn't appear to be any individual control over this. https://rectangle-icosahedron-6lnz.squarespace.com/ Password is "test" Thanks
×
×
  • 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.