Modifying the look and feel of the Search Box.

In addition to moving the Confluence Search Box, the Theme Designer offers many options for changing the look and feel, including:

  • size
  • background
  • border, field size
  • field text
  • field background
  • field border
  • dropdown results

Navigate to the Search Box Design controls:

Theme Designer → HTML Structure →  Canvas → Header Layer → Search Box → Size (etc...)

Expand each setting to explore options for design.

 

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the Steps block above to narrow the gap between the two blocks.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.