## UPGRADE TO PREMIUM VERSION TODAY!

This is FREE version of Hot Bokeh by HotThemes. Commercial version of this template has these premium features:

- Hot Full Carousel (free version has just a static image on home page)
- Hot Film Tape (responsive rotator for slide shows)
- Hot Maps plugin (free version has just a static map image).
- Support for mailing lists.
- 10 color schemes (free version has only 3).
- Export feature in Sparky Framework - Rename template with one click.
- Technical support by HotThemes developers.

View Demo Join Template Club Buy Single Template

### Layout Designer

Template Width

Use the slider to set overall template width. It's possible to select only numbers divisible with 12.

Layout editor

All module positions are shown as module blocks (small rectangles). Layout has rows and each row can hold 1 to 12 columns.

1. To start, click "+ ROW" to make some rows.
2. Drag a module block into the row and adjust its width (click on its right edge and move left).
3. Drag the second module block into the remaining space and so on...
4. If you need to move a module block left/right, click on the arrows in the blocks lower left corner.
5. If you need to remove a module block from the row, drag it back to the un-assigned modules.

Each row that you create will be a DIV element (full screen width) with class .sparky_full. To add ID or class or of the row, enter it in the left side of the row.

Inside DIV.sparky_full, there's DIV.sparky_main which has the width of the template.

Inside DIV.sparky_main, there're DIVs with module positions. Each of those DIVs has class .cell and class .mp_positionname. So, you can style each module position by using this unique class. Inside DIV.cell.mp_positionname, there's DIV.cell_pad which allows you to add desired padding for each module position.

Paddings and Margins

The last four options represent the global settings for paddings and margins. This can be overridden for certain rows if you add class to those rows and then set different paddings and margins in layout.css file.