Compartir a través de

Administrar archivos CSS

  • Artículo

Las hojas de estilo en cascada (CSS) le permiten controlar el formato y el estilo de su sitio.

De manera predeterminada, los nuevos sitios de Power Pages tienen los archivos bootstrap.min.css, theme.css y portalbasictheme.css instalados como parte de las plantillas del sitio.

Puede modificar el estilo usando el espacio de trabajo Estilos o puede cargar sus propios archivos CSS personalizados.

Cuando carga un nuevo archivo CSS personalizado, está disponible como archivo web en la aplicación Administración del portal.

Nota

Los sitios de Power Pages usan Bootstrap 3.3.x. Los desarrolladores de sitios no deben reemplazar Bootstrap 3 con otras bibliotecas CSS, ya que algunos de los escenarios en Power Pages dependen de Bootstrap 3.3.x. Para obtener más información: Información general de Bootstrap.

Administrar archivos CSS personalizados en el espacio de trabajo Estilos

  1. Vaya a Power Pages.

  2. Seleccione Editar en el sitio donde desea agregar una página.

  3. Seleccione el espacio de trabajo Estilos.

  4. Selecciona la opción Administrar CSS debajo de más opciones en el espacio de trabajo Estilos.

    Administrar archivos CSS usando el Studio de diseño.

Cargar archivos CSS

En el panel Administrar CSS ve una lista de los archivos CSS predeterminados:

  • bootstrapmin.css
  • theme.css
  • portalbasictheme.css

Para cargar su archivo CSS personalizado, seleccione Cargar y elige tu archivo CSS personalizado.

Cargar archivos CSS usando el Studio de diseño.

Nota

  • Puede cargar archivos CSS personalizados de un tamaño de hasta 1 MB.
  • Una vez que se carga el archivo CSS personalizado, la vista previa se reflejará en el lado derecho.
  • Los archivos CSS personalizados cargados serán aplicables para todos los temas.

Más opciones

Selecciona los ... (puntos suspensivos) a la derecha del archivo CSS personalizado, donde puede mover el archivo hacia arriba o hacia abajo en prioridad y deshabilitar el archivo CSS personalizado.

Nota

Los archivos CSS que se muestran en la parte inferior tienen mayor prioridad, lo que significa que si dos archivos contienen una actualización de la misma propiedad, se aplicará la actualización contenida en el archivo que se encuentre más abajo en la lista.

Orden de prioridad para archivos CSS.

Arquitectura

Cualquier archivo CSS personalizado tiene una prioridad más baja que el archivo portalbasictheme.css predeterminada y más alta que theme.css. Esta priorización es para alentar la personalización de estilos usando el panel de estilo para opciones de estilos listas para usar.

Nota

Recomendamos el uso de CSS personalizado para dar formato solo a los estilos que no se proporcionan de manera predefinida en el panel de estilos.

Advertencia

No desactive, elimine ni cambie el orden de visualización de ninguno de los archivos CSS (bootstrap.min.css, theme.css o portalbasictheme.css) predeterminados. Verá un error en el estudio de diseño.
Actualizar archivos CSS usando la aplicación Administración del portal.
Abra la aplicación Administración del portal y restaure el estado predeterminado y el orden de visualización de los archivos CSS predeterminados para resolver el problema.

Eliminar un archivo CSS personalizado

  1. Los archivos CSS se almacenan como archivos web. Para eliminar el archivo CSS personalizado, vaya a la Aplicación Administración del portal y seleccione Archivos web.

  2. Localice el registro del archivo CSS personalizado. Es posible que deba filtrar los valores Nombre y Sitio web para localizar el registro correcto.

  3. Una vez seleccionado el registro del archivo web, seleccione Eliminar.

  4. En el estudio de diseño, seleccione Sincronizar configuración para eliminar los cambios de estilo del archivo CSS personalizado.

Consultar también