sparkles2.png

Minimalistic Search Bar

 

This effect allows you to change your search bar to be a minimalist underline rather than the full box and button.

 
 
 

See the effect in action

 
Screenshot 2021-07-07 at 16.30.48.png
 
 
 

How to use the Effect

  1. Simply head to the 'edit CSS' section of Blocklab whilst you are on the product page, copy and paste the below code in, hit 'Save' and then go back to Blocklab and hit 'Publish' to apply the effect.
 

#shop #blocklab-header [id^=search-default2] .input-group input {background-color: white !important; border: 0px !important; border-bottom: 1px solid #51505D !important; box-shadow: 0px 0px 0px 0px !important; color: #51505D !important}#shop #blocklab-header [id^=search-default2] button {background-color: white !important; border: 0px !important; border-bottom: 1px solid #51505D !important}#shop #blocklab-header [id^=search-default2] i {color: #51505D !important}#shop #blocklab-header [id^=search-default2] input::placeholder {color: #51505D !important}