Grid 3 Excerpt
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in nunc eros, et blandit est. Morbi scelerisque elementum arcu et sollicitudin. In...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in nunc eros, et blandit est. Morbi scelerisque elementum arcu et sollicitudin. In...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in nunc eros, et blandit est. Morbi scelerisque elementum arcu et sollicitudin. In...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in nunc eros, et blandit est. Morbi scelerisque elementum arcu et sollicitudin. In...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in nunc eros, et blandit est. Morbi scelerisque elementum arcu et sollicitudin. In...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in nunc eros, et blandit est. Morbi scelerisque elementum arcu et sollicitudin. In...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in nunc eros, et blandit est. Morbi scelerisque elementum arcu et sollicitudin. In...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in nunc eros, et blandit est. Morbi scelerisque elementum arcu et sollicitudin. In...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in nunc eros, et blandit est. Morbi scelerisque elementum arcu et sollicitudin. In...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in nunc eros, et blandit est. Morbi scelerisque elementum arcu et sollicitudin. In...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in nunc eros, et blandit est. Morbi scelerisque elementum arcu et sollicitudin. In...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in nunc eros, et blandit est. Morbi scelerisque elementum arcu et sollicitudin. In...
Slider Settings
- Posts per Slide > 4
- Slider Width > 100%
- Post Margin > 24
- Thumbnail Size > 220 x 120
- Add Excerpt > True
- 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:helvetica, arial;
margin-bottom:0px;
border-bottom:none;
background:#fff;
color:#51819d;
}
/* item */
.hp_item.custom {
padding-bottom:1px;
}
/* title */
.hp_item .hp_title.custom {
margin-top:10px;
margin-bottom:10px;
text-align:center;
}
.hp_item .hp_title a.custom {
font-family:inherit;
color:#3b7697;
font-size:12px;
line-height:18px;
word-wrap:break-word;
}
.hp_item .hp_title a:hover.custom {
color:#999;
}
/* excerpt */
.hp_item .hp_excerpt.custom {
font-size:11px;
margin-top:10px;
margin-bottom:20px;
color:#9e9e9e;
padding:10px 0 0;
border-top:#eee solid 1px;
word-wrap:break-word;
}
/* 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_gray.png) no-repeat;
}
.hp_paginate .bullets_page_active.custom {
background:url(../../img/bullets_circle_gray.png) no-repeat -14px 0;
}
/* previous and next */
.hp_previous.custom {
top:8px;
right:21px;
position:absolute;
background:#888 url(../../img/nav_next_prev.png) left top no-repeat;
border-radius: 50%;
}
.hp_next.custom {
top:8px;
right:0px;
position:absolute;
background:#888 url(../../img/nav_next_prev.png) right top no-repeat;
border-radius: 50%;
}