CSS Styles Showcase Page

The intent of this CSS Styles Showcase page is to demonstrate all the possible text, image, and other widget styles for this website. In Elementor, these settings can be found in Customize -> Additional CSS -> Global Colors and CSS customizations that can’t be covered in either of those places should be set in Site Settings->Custom CSS.

Standard Header Tags

Heading 1

Heading 2

Heading 3

This is regular body text. This is bold body text. Here’s a body text hyperlink.

This shows what text looks like after a paragraph break.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rutrum blandit urna, quis ultrices turpis venenatis eget. Vestibulum in ullamcorper enim. Maecenas convallis diam nec odio laoreet, ut ornare arcu porta. Morbi sagittis leo eget feugiat ultrices. Praesent interdum ex felis, ut semper metus fringilla ut.

options bg mommy 1 e1665208328625
*This is a sample caption for this image
Here is a demonstration of how body text should wrap around a photo inserted into the body text. Is this a good idea with Elementor, Charisse? Or should we always make sections and columns in order to place images? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rutrum blandit urna, quis ultrices turpis venenatis eget. Vestibulum in ullamcorper enim. Maecenas convallis diam nec odio laoreet, ut ornare arcu porta. Morbi sagittis leo eget feugiat ultrices. Praesent interdum ex felis, ut semper metus fringilla ut. This looks pretty good, though the caption on the image really messes things up. Here’s some more text to show the following lines: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rutrum blandit urna, quis ultrices turpis venenatis eget. Vestibulum in ullamcorper enim. Maecenas convallis diam
nec odio laoreet, ut ornare arcu porta. Morbi sagittis leo eget feugiat ultrices. Praesent interdum ex felis, ut semper metus fringilla ut. Vestibulum in ullamcorper enim. Maecenas convallis diam nec odio laoreet, ut ornare arcu porta. Morbi sagittis leo eget feugiat ultrices. Praesent interdum ex felis, ut semper metus fringilla ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rutrum blandit urna, quis ultrices turpis venenatis eget. Vestibulum in ullamcorper enim. Maecenas convallis diam nec odio laoreet, ut ornare arcu porta. Morbi sagittis leo eget feugiat ultrices. Praesent interdum ex felis, ut semper metus fringilla ut.
  • This is body text in a bulleted list format. It should be single spaced for each bullet point. At the end of the list, there should be a paragraph break.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rutrum blandit urna, quis ultrices turpis venenatis eget. Vestibulum in ullamcorper enim. Maecenas convallis diam nec odio laoreet, ut ornare arcu porta:

  1. Vestibulum in ullamcorper enim. Maecenas convallis diam nec odio laoreet
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit
  3. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo

Here is some continued body text following the bulleted list to demonstrate that there’s only one paragraph break following a bulleted list.

Simple or Bold Links: