Здравствуйте специалисты и люди понимающие в CSS.
Опишу мою ситуацию, у меня есть плагин для сайдбара в вордпресс, этот плагин выводит новости с картинками и описанием для них. Что я хотелбы изменить в этом плагине?
1) Я хотел бы сделать, чтобы картинки были со скругленными концами как иконки на айфоне.
2) Что нужно сделать с этим кодом, чтобы изменить цвет текста описание новости.
Ниже приведен код CSS этого плагина. Что в нем можно изменить, чтобы осуществить мои замыслы?
Чуть не забыл еще нужно сделать обводку у картинки.
/*
* @package Featured Posts
* @author Nando Pappalardo e Giustino Borzacchiello
* @version 1.5.1
*/
ul#yiw-featured-post {padding:10px 0 0 0;font-size:100%;line-height:30px;}
ul#yiw-featured-post li {line-height:15px;margin:0 0 5px 0;padding:0.55em 0;font-size:65%;border-bottom:1px solid #c6c5c5;display:block;overflow:hidden;}
ul#yiw-featured-post li:last-child {border:none;}
ul#yiw-featured-post .featured-thumb {float:left;margin-right:1em;}
ul#yiw-featured-post li a:link, .widget_featured-posts li a:visited {min-height:80px;}
ul#yiw-featured-post li:hover {background:#eeeded;}
h4.featured-title{clear:none;margin:0;}
/* HACKS & UTILITA' */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* CSS rule for IE6 */
* html .clearfix {height:1%;}
/* CSS rule for IE7 */
*:first-child+html .clearfix {min-height: 1px;}
/* elimina il bullet per il tema di default */
ul#yiw-featured-post>li:before {content: ""!important;}
Опишу мою ситуацию, у меня есть плагин для сайдбара в вордпресс, этот плагин выводит новости с картинками и описанием для них. Что я хотелбы изменить в этом плагине?
1) Я хотел бы сделать, чтобы картинки были со скругленными концами как иконки на айфоне.
2) Что нужно сделать с этим кодом, чтобы изменить цвет текста описание новости.
Ниже приведен код CSS этого плагина. Что в нем можно изменить, чтобы осуществить мои замыслы?
Чуть не забыл еще нужно сделать обводку у картинки.
/*
* @package Featured Posts
* @author Nando Pappalardo e Giustino Borzacchiello
* @version 1.5.1
*/
ul#yiw-featured-post {padding:10px 0 0 0;font-size:100%;line-height:30px;}
ul#yiw-featured-post li {line-height:15px;margin:0 0 5px 0;padding:0.55em 0;font-size:65%;border-bottom:1px solid #c6c5c5;display:block;overflow:hidden;}
ul#yiw-featured-post li:last-child {border:none;}
ul#yiw-featured-post .featured-thumb {float:left;margin-right:1em;}
ul#yiw-featured-post li a:link, .widget_featured-posts li a:visited {min-height:80px;}
ul#yiw-featured-post li:hover {background:#eeeded;}
h4.featured-title{clear:none;margin:0;}
/* HACKS & UTILITA' */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* CSS rule for IE6 */
* html .clearfix {height:1%;}
/* CSS rule for IE7 */
*:first-child+html .clearfix {min-height: 1px;}
/* elimina il bullet per il tema di default */
ul#yiw-featured-post>li:before {content: ""!important;}


