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.

  • 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.