Respuesta a: Ayuda con Modificacion de sidebar.

Inicio Foros WordPress Themes y Diseño Ayuda con Modificacion de sidebar. Respuesta a: Ayuda con Modificacion de sidebar.

#33020

rubio25
Participante

Gracias, yo estuve modificando la hoja de estilos, logre alterar el ancho del sidebar al que yo queria pero este se sobreponia al otro sidebar, lo que no logre fue desplazar las otras sidebars hacia abajo, necesito ayuda es en la modificacion del codigo ya que no se que modificar. Adjunto el codigo de la hoja de estilos por si alguien sabe que debo modificar. Gracias!

/* The Sidebar1 */
.sidebar1{
float:left;
width:160px;

font-size:12px;
font-family:Tahoma,Georgia,Century gothic, Arial, sans-serif;

}

.sidebar1 h2 {
line-height:30px;
font-size:14px;
color:#fff;
margin:5px 0 0px 0 ;
padding:0px 0 0 5px;
background:#D13F01;
font-weight:bold;
font-family:Georgia,Century gothic, Arial, sans-serif;
text-transform:uppercase;
border:1px solid #FF7800;
}
.sidebar1 ul {
list-style-type: none;
margin: 0 ;
padding: 0;

}

.sidebar1 ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0px 10px 0px;
background-repeat:no-repeat;

}

.sidebar1 ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;

}

.sidebar1 ul ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;

}

.sidebar1 ul li {
height:100%;
line-height:18px;
float: left;
clear: left;
width: 160px;
}

.sidebar1 ul li a:link, .sidebar1 ul li a:visited {
background:#42484D;
color:#aaa;
text-decoration: none;
padding: 5px 0px 5px 5px;
display:block;
border-bottom:1px solid #4D575F;
border-top:1px solid #333A3F;
}

.sidebar1 ul li a:hover {
background:#333A3F;
color: #eee;
border-right:5px solid #D13F01;
}

.sidebar1 p {
padding: 7px 10px;
margin:0;

}

.sidebar1 table {
width:100%;
text-align:center;

color:#787d7f;
}

/* The Sidebar2 */
.sidebar2{
float:right;
width:160px;

padding-right:10px;
font-size:12px;
font-family:Tahoma,Century gothic, Arial, sans-serif;
}

.sidebar2 h2 {
line-height:30px;
font-size:14px;
color:#fff;
margin:5px 0 0px 0 ;
padding:0px 0 0 5px;
background:#D13F01;
font-weight:bold;
font-family:Georgia,Century gothic, Arial, sans-serif;
text-transform:uppercase;
border:1px solid #FF7800;
}
.sidebar2 ul {
list-style-type: none;
margin: 0 ;
padding: 0;

}

.sidebar2 ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0px 10px 0px;
background-repeat:no-repeat;

}

.sidebar2 ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;

}

.sidebar2 ul ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;

}

.sidebar2 ul li {
height:100%;
line-height:18px;
float: left;
clear: left;
width: 160px;
}

.sidebar2 ul li a:link, .sidebar2 ul li a:visited {
background:#42484D;
color:#aaa;
text-decoration: none;
padding: 5px 0px 5px 5px;
display:block;
border-bottom:1px solid #4D575F;
border-top:1px solid #333A3F;

}

.sidebar2 ul li a:hover {
background:#333A3F;
color: #eee;
border-right:5px solid #D13F01;
}

.sidebar2 p {
padding: 7px 10px;
margin:0;

}

.sidebar2 table {
width:100%;
text-align:center;

color:#787d7f;
}

Pin It on Pinterest