Shani me hacia la siguiente pregunta: ¿Como puedo mover una columna wrapper de la dcha al lado izqdo?
A lo que se refiere Shani es como puede mover la sidebar que tiene situada a la derecha de su blog para ponerla en el lado izquierdo.
Para colocar la Sidebar del lado derecho al izquierdo, accederemos a nuestra plantilla en “Edición Html” no es necesario expandir los artilugios y buscaremos el siguiente código en la plantilla.
#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}La parte que permite el ajuste es donde dice float y lo haremos partiendo de left (izquierdo) o right (derecho).
En la parte de código #sidebar-wrapper cambias el float, en este caso lo modificas por right (derecho) y en #main-wrapper, cambias el float por left (izquierdo).
Referente a la pregunta que me hace Shani dejaremos el código de la siguiente forma:
#main-wrapper {
width: 410px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}Y el resultado será este:
