Single Column Block Advanced
Add general text content to the page, content options include headings, blockquote, inline images and buttons.
Content Type Details
- ID: 513
- Name: Dallas - Single Column Block Advanced
- Minimum user level: Contributor
- Use with page layouts: Homepage, Full Width, Page with Sidebar - in Main Body, Microsite, PPC Campaign - in Main Body
Replicates the function of Single Column Block but allows the user to select Bootstrap columns and a background color for each block. Add general text content to the page, content options include headings, blockquote, inline images and buttons.
Content Type Elements Details
| Name | Description | Size | Type | Required | Conditionally Shown |
|---|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | Yes | No |
| Main body | This is the main body. See TinyMCE content options. | 99999 Characters | HTML | Yes | No |
| Background Color | Select the background color for the content block Choose from options such as: Blue, Light Blue, Dark Blue, Red, Light Red | N/A | Select Box (List: Dallas - Content and Image Block Background Colors) | No | No |
| Margins | Select the margins for the top and bottom of the column. If no selection is made, the default top and bottom margins will be my-3. Choose from options such as: No Margin, .25 rem (my-1), .5 rem (my-2), 1 rem (my-3), 1.5 rem (my-4) | N/A | Select Box (List: Dallas - my Margins) | No | No |
| X-Small Screen Column Width | Select how wide this column should appear on X-Small screens (<576px) Choose from options such as: 1 (8.33%), 2 (16.67%), 3 (25%), 4 (33.33%), 5 (41.67%) | N/A | Select Box (List: Dallas - Bootstrap Columns) | No | No |
| Small Screen Column Width | Select how wide this column should appear on Small screens (>576px) Choose from options such as: 1 (8.33%), 2 (16.67%), 3 (25%), 4 (33.33%), 5 (41.67%) | N/A | Select Box (List: Dallas - Bootstrap Columns) | No | No |
| Medium Screen Column Width | Select how wide this column should appear on Medium screens (>768px) Choose from options such as: 1 (8.33%), 2 (16.67%), 3 (25%), 4 (33.33%), 5 (41.67%) | N/A | Select Box (List: Dallas - Bootstrap Columns) | No | No |
| Large Screen Column Width | Select how wide this column should appear on Large screens (>992px) Choose from options such as: 1 (8.33%), 2 (16.67%), 3 (25%), 4 (33.33%), 5 (41.67%) | N/A | Select Box (List: Dallas - Bootstrap Columns) | No | No |
| X-Large Screen Column Width | Select how wide this column should appear on Extra Large screens (>1200px) Choose from options such as: 1 (8.33%), 2 (16.67%), 3 (25%), 4 (33.33%), 5 (41.67%) | N/A | Select Box (List: Dallas - Bootstrap Columns) | No | No |
| XX-Large Screen Column Width | Select how wide this column should appear on Extra Extra Large screens (>1400px) Choose from options such as: 1 (8.33%), 2 (16.67%), 3 (25%), 4 (33.33%), 5 (41.67%) | N/A | Select Box (List: Dallas - Bootstrap Columns) | No | No |
| Offset | Select the offsets needed to go alongside your columns Choose from options such as: offset-1, offset-2, offset-3, offset-4, offset-5 | N/A | Multi-select List (List: Dallas - Column Offset) | No | No |
Examples
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id consectetur justo. Nulla ultricies porta tellus, non faucibus lorem aliquet et. Maecenas laoreet enim quis blandit egestas. Sed id gravida tortor. Cras porttitor, purus nec imperdiet facilisis, lacus sapien tempus justo, non posuere nisi ante aliquet ante. Pellentesque venenatis rutrum arcu, vel tempor urna volutpat ac. Quisque volutpat, sapien eu suscipit eleifend, nisl est tincidunt eros, quis volutpat tellus nibh quis est.
Nam non tristique est, at sodales odio. Donec nec dolor semper, rhoncus neque ac, semper dolor. Maecenas quis urna ac est volutpat fringilla vitae a diam. Vivamus ante ipsum, dictum at semper euismod, dictum at neque. In euismod tortor sed tempor faucibus. Donec sit amet lacus vulputate, dictum nunc vel, lobortis nibh. Aenean porta purus et tempus sollicitudin. Proin rhoncus libero tincidunt varius porttitor. Nunc ac nunc dictum, vehicula orci eget, tincidunt turpis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id consectetur justo. Nulla ultricies porta tellus, non faucibus lorem aliquet et. Maecenas laoreet enim quis blandit egestas. Sed id gravida tortor. Cras porttitor, purus nec imperdiet facilisis, lacus sapien tempus justo, non posuere nisi ante aliquet ante. Pellentesque venenatis rutrum arcu, vel tempor urna volutpat ac. Quisque volutpat, sapien eu suscipit eleifend, nisl est tincidunt eros, quis volutpat tellus nibh quis est.
Nam non tristique est, at sodales odio. Donec nec dolor semper, rhoncus neque ac, semper dolor. Maecenas quis urna ac est volutpat fringilla vitae a diam. Vivamus ante ipsum, dictum at semper euismod, dictum at neque. In euismod tortor sed tempor faucibus. Donec sit amet lacus vulputate, dictum nunc vel, lobortis nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id consectetur justo. Nulla ultricies porta tellus, non faucibus lorem aliquet et. Maecenas laoreet enim quis blandit egestas. Sed id gravida tortor. Cras porttitor, purus nec imperdiet facilisis, lacus sapien tempus justo, non posuere nisi ante aliquet ante. Pellentesque venenatis rutrum arcu, vel tempor urna volutpat ac. Quisque volutpat, sapien eu suscipit eleifend, nisl est tincidunt eros, quis volutpat tellus nibh quis est.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id consectetur justo. Nulla ultricies porta tellus, non faucibus lorem aliquet et. Maecenas laoreet enim quis blandit egestas. Sed id gravida tortor. Cras porttitor, purus nec imperdiet facilisis, lacus sapien tempus justo, non posuere nisi ante aliquet ante. Pellentesque venenatis rutrum arcu, vel tempor urna volutpat ac. Quisque volutpat, sapien eu suscipit eleifend, nisl est tincidunt eros, quis volutpat tellus nibh quis est.
Nam non tristique est, at sodales odio. Donec nec dolor semper, rhoncus neque ac, semper dolor. Maecenas quis urna ac est volutpat fringilla vitae a diam. Vivamus ante ipsum, dictum at semper euismod, dictum at neque. In euismod tortor sed tempor faucibus. Donec sit amet lacus vulputate, dictum nunc vel, lobortis nibh. Aenean porta purus et tempus sollicitudin. Proin rhoncus libero tincidunt varius porttitor. Nunc ac nunc dictum, vehicula orci eget, tincidunt turpis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id consectetur justo. Nulla ultricies porta tellus, non faucibus lorem aliquet et. Maecenas laoreet enim quis blandit egestas. Sed id gravida tortor. Cras porttitor, purus nec imperdiet facilisis, lacus sapien tempus justo, non posuere nisi ante aliquet ante. Pellentesque venenatis rutrum arcu, vel tempor urna volutpat ac. Quisque volutpat, sapien eu suscipit eleifend, nisl est tincidunt eros, quis volutpat tellus nibh quis est.
Nam non tristique est, at sodales odio. Donec nec dolor semper, rhoncus neque ac, semper dolor. Maecenas quis urna ac est volutpat fringilla vitae a diam. Vivamus ante ipsum, dictum at semper euismod, dictum at neque. In euismod tortor sed tempor faucibus. Donec sit amet lacus vulputate, dictum nunc vel, lobortis nibh. Aenean porta purus et tempus sollicitudin. Proin rhoncus libero tincidunt varius porttitor. Nunc ac nunc dictum, vehicula orci eget, tincidunt turpis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id consectetur justo. Nulla ultricies porta tellus, non faucibus lorem aliquet et. Maecenas laoreet enim quis blandit egestas. Sed id gravida tortor. Cras porttitor, purus nec imperdiet facilisis, lacus sapien tempus justo, non posuere nisi ante aliquet ante. Pellentesque venenatis rutrum arcu, vel tempor urna volutpat ac. Quisque volutpat, sapien eu suscipit eleifend, nisl est tincidunt eros, quis volutpat tellus nibh quis est.
Nam non tristique est, at sodales odio. Donec nec dolor semper, rhoncus neque ac, semper dolor. Maecenas quis urna ac est volutpat fringilla vitae a diam. Vivamus ante ipsum, dictum at semper euismod, dictum at neque. In euismod tortor sed tempor faucibus. Donec sit amet lacus vulputate, dictum nunc vel, lobortis nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id consectetur justo. Nulla ultricies porta tellus, non faucibus lorem aliquet et. Maecenas laoreet enim quis blandit egestas. Sed id gravida tortor. Cras porttitor, purus nec imperdiet facilisis, lacus sapien tempus justo, non posuere nisi ante aliquet ante. Pellentesque venenatis rutrum arcu, vel tempor urna volutpat ac. Quisque volutpat, sapien eu suscipit eleifend, nisl est tincidunt eros, quis volutpat tellus nibh quis est.