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

JoseG

Member
  • Content Count

    6
  • Joined

  • Last visited

  1. Thank you, that worked perfectly! I was sure I had tried it but I must have had a mistake. Thanks again.
  2. Site URL: https://www.josegallegosnieto.com/ Password: help --- Hello! Recently I applied the following code to change the color of text links on my site on hover. #page a:hover { background-image: linear-gradient(to right,currentColor 100%,currentColor 0); color: grey; } This works perfectly, changing my links to this appearance on hover: My problem is that this also applies itself to my portfolio-hover-fixed block, but as a background color. I need a way to exclude the portfolio block from the code mentioned above. In other words, I want that code
  3. Hi all, I came upon a solution by trial and error. The following allows you to apply a background to all Image Card blocks, including the stacked configuration. You'll have to look up the hex code for the color you want to use of course. I then found that the text inside said cards was too close to the edges - something that isn't as noticeable when there is no background; it's especially apparent on mobile. I therefore added a bit of padding, which you can see in the code below (excuse my syntax). Hope others are helped by this! .design-layout-card { background: #FFFFF
  4. Site URL: https://corn-sphere-9exs.squarespace.com/ Hello, I'm using Image Card blocks as links. I set the image itself to be the button, so I set 'Image Link' to 'On Image' in the Design tab of the image block. I then set a hover effect which changes the image to grayscale with the following code: .image-block:hover img { filter: grayscale(100%); transition: all .2s ease-in-out; } This works fine, but the image goes to greyscale whenever I hover on any part of the Image Card - so even if hovering over the title or paragraph, the image is still on hover. I'd like to
×
×
  • Create New...