Differences

This shows you the differences between two versions of the page.

--- full_width_two_column_image_and_text [2023/02/05 14:21] – created thehort
+++ full_width_two_column_image_and_text [2026/07/19 18:57] (current) – [Display Examples] thehort
@@ Line 1: / Line 1: @@
 ====== Full Width Two Column Image and Text ======
+This block displays an image and block of text in two columns that span the full width of the screen. An overlay color can chosen and that color is applied to both the text area and image, if desired. A background image can be used in the text area and takes priority over a set background color. The text will automatically be displayed in black or white depending on the background color chosen.
+==== Display Examples ====
+Example with an overlay color picked, applied to both the image and text area. At larger screen sizes, the image and text display in two equal width columns:
+{{:screenshots:full-width-desktop.png?800|}}
+Example with a background image set for the text area and no overlay color on the image.
+{{:screenshots:full-width-desktop-no-overlay.jpg?800|}}
+At smaller screen sizes, the image and text display stacked in a single column:
+{{:screenshots:full-width-moible.png?250|}}