The “Dawn Search” module can be added as a module to your row columns.

You can restrict the width of the module in a column by specifying the “Width” on the design tab of the module, under sizing.  We have done that for example for the search bar below left (Max Width is set to 400px) that is placed in a 2/3 width column.

[divi_help]

The “Dawn Search Coloured Button” module can be added as a module to your row columns.

You can change the button colour by setting the colour of your choice in the “Button and Border Color” field on the Design Tab of the module.

Please note that we have designed this module so the border is not visible. If you’d like to use  border, go to the CSS tab of the module. In the “CSS class” field, remove the word noborder (delete the word). If you’d like to hide the border again, type noborder in the “CSS class” field again.

[divi_help]

The “Dawn Search White” module is another version of the search bar that can be added to your row columns as a module.

To create the effect below place the “Dawn Search White” module over a section that has a background colour.

Please note that we have designed this module so the border is not visible. If you’d like to use  border, go to the CSS tab of the module. In the “CSS class” field, remove the word noborder (delete the word). If you’d like to hide the border again, type noborder in the “CSS class” field again.