# Look and Feel

## Colors

Here you can change the colors of your website. We have arranged the color options into a way that your theme will remains beautiful. We don’t want that your site looks like a pizza so we made sure that the color palette you choose will be universal through your website.

The featured Color should be your “accent” color. It’s the color that will make a difference.

Here’s a quick draft to learn more about where the colors goes.

If you set a color and want to rollback, click the X icon when picking your color.

## Playing with Opacity

You can also play with opacity for each of your color. This is usefull if you set a fullscreen background image and you want opacity through your boxes such as Primary Color 2.

##

##

## Backgrounds and Full Screen Image Backgrounds

First of all, there is a difference between Body background and Content background.
Body background is used behind your content background, You will see it when you click on the menu.

Take not that you can also set custom color background and image background individually on all your pages and post.

Change content background color:

Go to Lush > Look and feel > Content Background and choose a background color.

Use a full screen content background image (option 1)

Go to Lush > Look and feel > Content Background and upload an image.

    Your image's width should be between 800px and 1200px. If it's bigger, it will make you website loading slow. If it's smaller, quality of your image will be ugly.

Here’s the settings to keep it looks good:

- Background repeat: Default
- Background Size: Cover
- Background Attachement: Fixed
- Background Position: Center Top
- Background Color: White Opacity 100%

Use a full screen content background image with transparent menu (option 2)

Go to Lush > Look and feel > Body Background and upload an image.

    Your image's width should be between 800px and 1200px. If it's bigger, it will make you website loading slow. If it's smaller, quality of your image will be ugly.

Here’s the settings to keep it looks good:

- Background repeat: No Repeat
- Background Size: Cover
- Background Attachement: Fixed
- Background Position: Center Top
- Background Color: White Opacity 100%

Then go to Content Background
Click Background Color and set a transparent color:

##

You can also set an opacity in the menu background to have a better effect !

Save Changes.

## Custom CSS

Add your custom CSS in the Custom CSS box. The custom CSS is applied after style.css

### Search for help

Search for:

### Table of Content

- Before Getting Started
- Requirements & Compatibility
- Installation
- Import our live demo !
- General Guidelines
  - Make a Page your Homepage
  - Import Dummy Content
  - Disable Comments
  - Font Awesome Icons
- Theme Options
  - General Settings
  - Pagination Settings
  - Widgets Areas
  - Look and Feel
  - Typography & Headings
  - Header and Logos
  - Footer Options
  - Post Settings
  - Social Media
  - Favicons & Metadata
  - Footer Newsletter
- Build your Pages and Layouts
  - Custom Classes
  - Getting Started with Visual layout builder
  - Add Parallax Effect
  - Add Audio Player module
  - Add Discography module
  - Add Events Module
  - Add News Module
  - Add Newsletter Module
  - Add Photos Album module
  - Add Slider Revolution Module
  - Add Twitter module
  - Add Videos module
  - Add SoundCloud
  - Add BandCamp
- Content Manager
  - Events
  - Videos
  - Photo Albums
  - Discographies
  - Newsletter & MailChimp
  - Slider Revolution
- Change Logs