# # Styling

Grid styling can be customized to fit your needs. Below is a list of the classes you can override.

## # Placeholder

The default css for the placeholder is:

    .vue-grid-item.vue-grid-placeholder {
        background: red;
        opacity: 0.2;
        transition-duration: 100ms;
        z-index: 2;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

You can override the properties using the !important rule:

    .vue-grid-item.vue-grid-placeholder {
        background: green !important;
    }

Or by wrapping your grid with a more specific
(opens new window) class:

    .container .vue-grid-item.vue-grid-placeholder {
        background: green;
    }

In this example we change the placeholder background color to green:

View source
(opens new window)

Work in progress...