Aqui esta el de RecentSlider que debe tener algo que le puede servir para la modificación del css, necesito de su ayuda...
Css RecentSlider
- <template title="
EWRblock_RecentSlider.css">
- <![CDATA[
#recentSlider { padding: 10px; }
.recentSlider { border: 1px solid #333; position: relative; background-color: #000; overflow: hidden; }
.recentSlider .ui-tabs-hide { display: none; }
.recentSlider .ui-tabs-selected { background-color: #333; }
.recentSlider .ui-tabs-nav { list-style: none; margin: 0; padding: 0; position: absolute; top: 0px; }
.recentSlider .ui-tabs-nav-item a { text-decoration: none !important; color: #EEE; }
.recentSlider .ui-tabs-nav-item:hover { background-color: #666; }
.recentSlider .ui-tabs-nav-item { border-bottom: 1px solid #333; }
.recentSlider .ui-tabs-nav-item:last-child { border-bottom: 0px; }
.recentSlider .ui-tabs-nav-item .image { border: 1px solid #333; background-repeat: no-repeat; margin: 5px; float: left; }
.recentSlider .ui-tabs-nav-item .title { font-size: 12px; font-weight: bold; padding: 10px; }
.recentSlider .ui-tabs-panel { position: relative; background-repeat: no-repeat; }
.recentSlider .ui-tabs-panel a { text-decoration: none !important; color: #EEE; }
.recentSlider .ui-tabs-panel .summary
{
background-color: rgba(0,0,0,0.7);
border-top: 1px solid #333;
position: absolute;
bottom: 0px;
left: 0px;
padding: 12px 15px;
width: 100%;
}
.recentSlider .ui-tabs-panel .summary .title { font-size: 22px; margin-right: 15px; letter-spacing: -1px; white-space: nowrap; }
.recentSlider .ui-tabs-panel .summary .excerpt { font-size: 11px; margin-right: 30px; }
.recentSlider.leftSlider .ui-tabs-nav { border-left: 1px solid #333; text-align: left; }
.recentSlider.leftSlider .ui-tabs-panel { float: left; }
.recentSlider.leftSlider .ui-tabs-nav-item .image { background-size: auto 100%; float: left; }
.recentSlider.rightSlider .ui-tabs-nav { border-right: 1px solid #333; text-align: right; }
.recentSlider.rightSlider .ui-tabs-panel { float: right; }
.recentSlider.rightSlider .ui-tabs-nav-item .image { background-size: auto 100%; float: right; }
CSS de RecentFeatures
Osniel, post: 14050, member: 1245"]Colega, no he podido configurar el RecentSlider y he probado con el RecentFeatures pero necesito que me ayuden a que el css pueda quedarme como esta en la imagen, en que parte debo modificar para que sea similar al que estoy mostrandoles en la imagen...aqui les dejo el css que el RecentFeatures tiene por defecto
<template title="EWRblock_RecentFeatures.css"><![CDATA[#recentFeatures .recentFeatures
{
position: relative;
border: 1px solid #333;
background-color: #000;
overflow: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#recentFeatures ul li { background-repeat: no-repeat; background-position: center center; }
#recentFeatures ul li a { text-decoration: none !important; color: #EEE; }
#recentFeatures ul li .summary { position: absolute; bottom: 0px; width: 100%; background-color: rgba(0,0,0,0.5); }
#recentFeatures ul li .summary .title { padding: 15px 15px 0px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#recentFeatures ul li .summary .excerpt { padding: 0px 15px 15px; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*---------------------------------------*/
/* BXSLIDER LAYOUT */
/*---------------------------------------*/
/* ITEM CONTROLS */
.bx-wrapper .bx-pager { position: absolute; top: 10px; z-index: 9999; width: 100%; text-align: center; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
.bx-wrapper .bx-pager.bx-default-pager a
{
width: 10px;
height: 10px;
margin: 3px;
display: block;
text-indent: -9999px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 0px 1px #FFF inset;
}
.bx-wrapper .bx-pager.bx-default-pager a { background-color: rgba(128, 128, 128, 0.7); }
.bx-wrapper .bx-pager.bx-default-pager a:hover { background-color: rgba(64, 64, 64, 0.7); }
.bx-wrapper .bx-pager.bx-default-pager a.active { background-color: rgba(0, 0, 0, 1); }
/* DIRECTION CONTROLS */
.bx-wrapper .bx-prev { left: 10px; background: url('styles/8wayrun/EWRporta_slider.png') no-repeat 0 -32px; }
.bx-wrapper .bx-next { right: 10px; background: url('styles/8wayrun/EWRporta_slider.png') no-repeat -43px -32px; }
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a
{
position: absolute;
top: 50%;
width: 32px;
height: 32px;
margin-top: -16px;
text-indent: -9999px;
z-index: 100;
}
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/*---------------------------------------*/
/* DO NOT TOUCH ANYTHING BELOW THIS LINE */
/*---------------------------------------*/
#recentFeatures .heightFix { height: 300px; } /*HEIGHT*/]]></template>