Jump to content

adzrozanski

Member
  • Posts

    16
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

adzrozanski's Achievements

  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.