Jump to content


  • Posts

  • Joined

  • Last visited

Posts posted by lopezworks

  1. 3 minutes ago, Web_Solutions said:


    Add these code on Custom CSS panel in Website Utilities Website Tools > Custom CSS.

    .header-nav .header-nav-item a:before {
      content: "[";
      opacity: 0;
      transition: 0.2s;
    .header-nav .header-nav-item a:after {
      content: "]";
      opacity: 0;
      transition: 0.2s;
    .header-nav .header-nav-item a:hover:after, .header-nav .header-nav-item a:hover:before, .header-nav .header-nav-item--active a:after, .header-nav .header-nav-item--active a:before {
      opacity: 1;
      transition: 0.2s;



    Wow!! thank you so much, this is awesome.

  2. Hi all!

    I'm hoping to get some help adding some custom features to my navigation links. I'd love to be able to add brackets to any navigation link that is being hovered on or is active. 


    unactive:        ABOUT

    hovered:       [ABOUT]

    active:           [ABOUT]

    Thank you for any help!! I've already disabled the underline with custom CSS, but I wasn't sure if this was possible to do.

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