Close

Search box on header with image in background

This is an example of a search box on header with image in background, designed using CSS, HTML styles and Bootstrap framework 4. The background image is imported to the code with its URL. The form is given the styles of padding as 40px, margin-bottom as 22px, font color as #fff, text-shadow as 0 1px 2px rgba(0, 0, 0, 0.25), background-color as #2e9df7, and box-shadow as 0 15px 15px -15px rgba(0, 0, 0, 0.25). The input text of the search bar is given the styles of font-family as "lucida grande", "Lucida Sans Unicode", tahoma, sans-serif, color as #333, font-size as 15px, padding as 3px;width as 250px, background as #fff, and border as 1px solid #999. The background color of the 'Go' button is set as #1268b3. The font-size for the button is set as 13px, and a text-transform style is given as uppercase to automatically convert the text to uppercase. Source: https://bbbootstrap.com/snippets/search-box-header-image-background-70660533

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published. Required fields are marked *

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.