Cómo quitar CSS líquido en WordPress

diseño CSS Fluid difiere de diseños CSS fijos por el estiramiento y la compresión en función del tamaño de la ventana del navegador del usuario. Cuando usted visita un sitio web que utiliza un diseño CSS fluido, se puede cambiar el tamaño de la ventana del navegador varias veces sin que aparezcan las barras de desplazamiento o romper el diseño. El beneficio de diseños CSS fluidos es que no dejan grandes cantidades de espacio en blanco, sin utilizar en grandes monitores. No todos los diseños funcionan bien con los estilos de fluidos, sin embargo. Si desea convertir de nuevo a un diseño CSS fijo, cambiar el ancho de las columnas porcentuales de su blog para anchuras de píxel fijo.

Instrucciones

1 Cargar tu blog en un navegador y haga clic para ver el código fuente. Encuentra las etiquetas que encierran cada columna del blog, como "<div id =" header ">" o "< 'barra lateral' div class =>". En el diseño de Web, un encabezado es típicamente una columna de ancho completo por encima de uno, dos o tres columnas en el centro de la página, seguido de un pie de página. Es necesario el ID de clase o nombre de cada uno.

2 Entre para WordPress y vaya a "Apariencia" de la barra lateral izquierda. Haga clic en el enlace "Editor" para cargar la "edición de temas" pantalla. El archivo que necesita - style.css - se cargará automáticamente.

3 Pasar por el código CSS de su tema y encontrar las reglas de estilo que se dirigen a cada una de sus columnas:

{cabecera

width: 100%;

}

contenido {

anchura: 65%;

}

{barra lateral

anchura: 35%;

}

4 Averiguar a partir de los valores de porcentaje de lo amplio que necesita para que cada columna de píxeles. Reemplazar cada valor de porcentaje con un valor de píxel, por ejemplo:

{cabecera

Ancho: 960;

}

contenido {

Anchura: 624px;

}

{barra lateral

Anchura: 336px;

}

Actualizar el archivo cuando haya terminado la operación de ajuste.