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.

In addition to Placement, described in Moving the Search Box, there are the following design options:

  • 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 → Placement → 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.
  • Replace me with a link
  • Replace me with a link
  • Aim for 4 or fewer related links.  If we need more, that's okay.  Be judicious.  Delete me when you're done.