Layouts Background

Ready Pro Bootstrap The dashboard has customizable layouts

Table of Contents

Ready Pro has 4 layout sections whose background color can be customized: Body's Background, .navbar-header, .logo-header, and .sidebar.

Background Color

Change the color by adding attr data-background-color="[color]" .

For Body's Background the color options are White, Gray (#fafafa and #f1f1f1).

White
data-background-color="bg2"
Grey 1
data-background-color="bg1"
Gray2
data-background-color="bg3"

For .navbar-header, .logoheader, and .sidebar the color options are Black, Blue, Purple, Light-Blue, Orange, Green, Red. If you want to keep white then there is no need to add attr .data-background-color

Black
data-background-color="black"
Blue
data-background-color="blue"
Purple
data-background-color="purple"
Light Blue
data-background-color="light-blue"
Orange
data-background-color="orange"
Green
data-background-color="green"
Red
data-background-color="red"

Background Image

Use the sidebar background image by adding data-image="url_image" 

							
								<div class="sidebar" data-image="../assets/img/sidebar-images/1.jpg">