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

Style Search Bar in Navigation 7.1



Site URL: https://www.gypset.com/

Hi, I recently added the search bar to my header using this code https://www.will-myers.com/articles/adding-a-search-bar-to-your-header-in-squarespace-71

Is there any way to customize it so I can remove the search box and background, make the icon and text pink and smaller, I want to make it match my site a bit more. Im excited about getting the feature there but I want it look good. i would love it to look like the screenshot attached but it might be too much to ask! Im just happy to style it so it looks like it belongs.

Thanks in advance

password: gypset2020

Screen Shot 2020-08-17 at 11.32.54 AM.png

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

2 answers to this question

Recommended Posts

  • 0

Add to Home > Design > Custom CSS

/* Header search */
header#header input {
    border: none !important;
    background-color: transparent !important;
    color: pink !important;
    opacity: 1 !important;

Search is image. You can share image url, then I will give the code

Link to post

Create an account or sign in to comment

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

  • Create New...