Jump to content

lizasem

Circle Member
  • Posts

    9
  • Joined

  • Last visited

Posts posted by lizasem

  1. Site URL: https://objekts.squarespace.com/?password=demo

    Hello! My anchor link is in the nav and I would like it to have the same active state as the other navs when it is clicked. I kinda figured it out using the class ".homepage" since the anchor link is in the homepage, but the active state is always on and I want it to be on only when clicked. I think javascript would be ideal for this problem.

    The script would read the title and if it has "#" in the url then the active class would show, and if not, the active class would be removed. I'm not super great with javascript and would appreciate any help with this! Thanks in advance!

  2. Wasn't able to log in with the password but this has worked for me:

    Go to Custom CSS and copy and paste the codes:

    This removes the underline for the Heading 3 link:

    h3 a {
      text-decoration: none !important;
      background-image: none !important;
    }

    This is a hover effect for the color orange:

    h3 a:hover {
      color: orange !important;
      transition: ease-in-out 0.5s !important;
    }

    the transition makes for a nice fade in and out effect when hovering but you can delete that if you don't want it.

     

    Hope that helps!

  3. Hey! I've done this for a website too:

    Go to Custom CSS and copy and paste this code:

    Quote

    p a {
      text-decoration: none !important;
      background-image: none !important;
    }

    And may I suggest that since these links open a new window to your work, you could add like a simple unicode arrow at the end of the line so it prompts them to click on it, otherwise it would be hard to know to click on them. Here are some examples you could copy and paste and see what fits:

    ↗︎ ➤ ➛ ➝

    You could also have a hover effect to indicate that the text is a link with this simple code:

    Quote

    p a:hover {
      opacity: .5 !important;
      transition: ease-in-out 0.5s !important;
    }

    Hope that helps!

×
×
  • 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.