Jump to content

Search Bar in Top Navigation styling

Recommended Posts

Hi - I added some code to have the search field in the top navigation. It works great, but I would like to change the box rule and "search" to white. Can anyone help with this. Following is the URL and password, followed by the CSS code I have in.

https://seventhavenuepresbyterian.squarespace.com/

Password is -   avenue

// SEARCH BAR STYLE
.header-search-bar{
  margin: 0 0 0 2.5vw;
  @media(max-width:799px){
    display:none;
    margin: 0 0 0 0vw;
  }
}
.mobile-header-search-bar{
  display:block;
  padding-left:3vw;
  padding-right:3vw;
  .preScale{
    opacity:1 !important;    
  }
}

Link to comment
  • Replies 2
  • Views 257
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

.sqs-search-ui-button-wrapper.color-dark .search-input {
    background-image: url(https://static1.squarespace.com/universal/images-v6/icons/icon-searchqueries-20-light.png);
    border: 1px solid #fff;
    COLOR: white;
}

 

Hi, I'm BITTU. A website developer with 10 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com

Website:-  dhanjalsolution.com

Best Hourly Rate :- $15 Per Hour

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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