Sidebar Colors & Font

Learn how to change the Sidebar Background Color, Background Image, Border Color, Font Colors & Sidebar Font.

Sidebar Skin Settings

All options below can be found within:
WordPress Admin > Appearance > Skin Editor > Sidebar

Background Color

Change the Background Color of the Sidebar.

Background Image

Use this option to set a Background Image. You can position the following settings to position the image.

Image Position

  • Center Center
  • Center Top
  • Center Bottom
  • Left Top
  • Left Center
  • Left Bottom
  • Right Top
  • Right Center
  • Right Bottom

Image Repeat

  • Repeat ( Ideal for pattern images )
  • Repeat X – Repeat along the X axis
  • Repeat Y – Repeat along the Y axis
  • No Repeat

Image Size

  • Cover – This option sets the image to cover the entire area
  • Contain – This option sets the image to contain itself within the area

Border

Use this option to set a Border for the Sidebar.

Sidebar Typography

Use these options to change the Sidebar font and font colors.

Font Color

This option changes the Font Color within the Sidebar.

Link Colors

Use this option to change the color of links within the Sidebar.

Link Hover Color

Use this option to change the hover color of links within the Sidebar.

Sidebar Widget Title Typography

Use this option to change the Sidebar Widget Titles within the Sidebar.

Widget Title Background Color

Use this option to change the Sidebar Widget Title Background Color within the Sidebar.

Widget Title Border Color

Use this option to change the Sidebar Widget Title Border Color within the Sidebar.

Sidebar Form Fields, Tables & Elements

Background Color

Use this option to change the background color of Form fields of widgets that are set to “Inline”within the Sidebar.

Border Color

Use this option to change the border color of Form fields of widgets that are set to “Inline”within the Sidebar.

Font Color

Use this option to change the font color of Form fields of widgets within the Sidebar.