Mostrando entradas con la etiqueta ocultar fondo sidebar. Mostrar todas las entradas
Mostrando entradas con la etiqueta ocultar fondo sidebar. Mostrar todas las entradas

5.7.12

Ocultar, cambiar fondo sidebar plantilla Travel



El fondo de la sidebar de la plantilla Travel puede ser ocultado y cambiado.

Vamos a Editar HTML:

Diseño Plantilla Editar HTML Click dentro del editor Ctrl+f

Localizamos el siguiente código, poniendo dentro del rectángulo de búsqueda (search) una línea del mismo:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  margin-left: $(content.padding);
  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}

1.- Para ocultar el fondo de la sidebar le agregamos, al anterior código, la siguiente línea:

visibility: hidden;

...debiendo ese código quedar así:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  margin-left: $(content.padding);
  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
  visibility: hidden;
}

2.- Para cambiar el fondo de la sidebar, en el mismo código indicado en el punto uno:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  margin-left: $(content.padding);
  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}

...cambiamos el segmento resaltado por éste:

url("aquí la URL de la imagen")

...debiendo el código quedar así:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  margin-left: $(content.padding);
  background: url("aquí la URL de la imagen") repeat scroll top left;
}

La imagen deberá tener el mismo ancho de la sidebar (310px).