El COMPONENTE IMAGEN SIMPLE, nos permite añadir una imagen independiente o dentro de otros componentes como CAJA, ENVOLTORIO, CARRUSEL, entre otros.

Si accedemos a la edición del COMPONENTE IMAGEN SIMPLE, encontraremos los botones para añadir o eliminar la imagen en la parte superior y, en la parte inferior, el resto de opciones disponibles divididas en varias pestañas que veremos en detalle a continuación.

En la primera pestaña, llamada EXTRAS, econtraremos opciones específicas para añadir a nuestra imagen, estas son:

• Altura fija en ordenadores (Fixed height PC)
• Efectos visuales (Image Effects)
• Efectos de animación (Animation effects)
• Estilos de imagen, que modfican su tamaño (Estilo de imagen)
• Efectos de sombra (Image Shadow)
• Ancho máximo en ordenadores (Max Size)
• Girar imagen, que permite valores positivos y negativos.

La siguiente pestaña, dentro de la edición del COMPONENTE IMAGEN SIMPLE, nos permite configurar los márgenes alrededor de ella y tenemos disponibles para definir.

• Unidad de medida de los márgenes.
• Margen Superior.
• Margen Inferior.

La pestaña PADDING o RELLENO, nos permite elegir entres diferentes alternativas de configuración, que son:

• Unidad de Padding
• Padding Global
• Padding superior
• Padding lado derecho
• Padding inferior
• Padding lado izquierdo

En la pestaña BORDE, encontramos las opciones agrupadas en tres pestañas para facilitar su implementación, éstas son:

• Color, ancho y estilo del borde (Color, width, Style)
• Tipo de borde (Border Type)
• Radio o curvatura del border (Radio del borde)

Dentro de la pestaña Color, width, Style, encontraremos :

• Un selector para elegir el color que aplicaremos al borde.
• Un selector para escoger la unidad de medida que aplicaremos al borde.
• Un selector para que decidamos el estilo de borde que vamos a utilizar.

La siguiente de las pestañas no permitirá añadir los valores numéricos que se aplicarán al ancho del borde, según la unidad de medida que hayamos seleccionado en la ventana anterior, estos pueden ser: 

• Borde global
• Border superior (Border Top)
• Border derecho (Border Right)
• Borde inferior (Border Botton)
• Borde izquierdo (Border Left)

La última de las pestañas que agrupa las opciones del borde, dentro del COMPONENTE IMAGEN SIMPLE, está relacioanda con la curvatura o radio de los bordes, que pueden ser: 

• Curvatura GLOBAL del Borde
• Curvatura del borde superior izquierda
• Curvatura del borde superior derecha (Border radius Top Right)
• Curvatura del borde inferior derecha
• Curvatura del borde inferior izquierda

Además de todas las personalizaciones anteriores, podremos definir algunas específicas para dispositivos móviles que encontramos dentro de la pestaña MOBILE, que permite: 

• Alineción específica en móviles (Align on mobile)
• Margen superior e inferior en móviles
• Relleno o padding, superior en inferior en móviles
• Altura fija en móviles