Jump to content

Syntax error

Recommended Posts

Hi there,

just started my first time doing css. So far I just copied two codes - but now, when I want to put a new code in, it says syntax error. 

I want to put a code in that makes a hover effect at the header buttons...but as soon as I type in .header it says syntax error....

Any help will be highly appreciated.

 

/* Change dropdown menu background */
.header-nav-folder-content {
   background: #454545 !important;
}

//Stylized Folder Dropdown Menu
@linkBGColor: #ffffff;
@linkTextColor: #7C8C0A;
.header-nav .header-nav-item--folder .header-nav-folder-content {
  padding: 0;
  .header-nav-folder-item {
    padding: .5em 1em;
  }
  .header-nav-folder-item:hover {
    background: @linkBGColor;
    a {
      color: @linkTextColor;
    }
  }
}

 

 

I want to put a code in that makes a hover effect at the header buttons...but as soon as I type in .header it says syntax error....

Link to comment
  • Replies 2
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

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