Widget

Slider Settings

- Posts per Slide > 4
- Slider Width > 100%
- Post Margin > 1
- Thumbnail Size > 145 x 145
- Add Shadow > True

NOTE: Other configuration options do not interfere in the layout.

Copy and paste the css style below into the field Skin > Custom
Select Style

/* header */
.hp_header.custom {
        font-family:"Open Sans", arial;
	border-bottom:#eee solid 1px;
	margin-bottom:0px;
	background:#fff;
        color:#777;
        text-transform:uppercase;
}
/* item */
.hp_item.custom { 
	padding-bottom:1px; 
}
/* bar and icons */
.hp_item .hp_bar.custom {
   top:1px;
   left:1px;
   background:#fff;
}
.hp_bar.custom .mmphoto { 
   background:transparent url(../img/icon_photo_dark.png) no-repeat;
}
.hp_bar.custom .mmaudio { 
   background:transparent url(../img/icon_audio_dark.png) no-repeat;
}
.hp_bar.custom .mmvideo { 
   background:transparent url(../img/icon_video_dark.png) no-repeat;
}
.hp_bar.custom .mmmore { 
   background:transparent url(../img/icon_more_dark.png) no-repeat;
}
/* title */
.hp_item .hp_title.custom { 
        display:none;
}
/* paginate and bullets */
/* 
  Bullets that are available:  gray, blue, red, orange, green.
  example 1: bullets_square_COLOR.png
  example 2: bullets_circle_COLOR.png
*/
.hp_paginate_container.custom {
	background:#fff;
	height:35px;
	margin-top:0px;
	padding-top:10px;
        border-top:#eee solid 1px;
}
.hp_paginate .bullets_page.custom {
	background:url(../../img/bullets_circle_blue.png) no-repeat;
        opacity:0.8;
}
.hp_paginate .bullets_page_active.custom {
	background:url(../../img/bullets_circle_blue.png) no-repeat -14px 0;
}
/* previous and next */
.hp_previous.custom { 
	top:8px; 
	right:21px; 
	position:absolute; 
	background:#999 url(../../img/nav_next_prev.png) left top no-repeat; 
	border-radius: 3px;
}
.hp_next.custom { 
	top:8px; 
	right:0px; 
	position:absolute; 
	background:#999 url(../../img/nav_next_prev.png) right top no-repeat; 
	border-radius: 3px;
}