Styles
Below is an explanation of each style listed in the drop down menu of the WYSIWYG editor.
Center sentences or any element using the Any - Center style.
Center Headings
The space between this paragraph and the second paragraph is the normal paragraph spacing. The space between the second and third paragraph has Any - Margin Bottom 5rem selected.
Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen.
No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.
The first image has Any - Margin Bottom .5em applied to it. The second photo does not.
This is a paragraph with P - Intro applied. It has larger font size and line spacing.
This is a regular paragraph.
P - Intro should only be applied once on a page. Please try to minimize the intro paragraph length–a couple of sentences works best.
Here's a regular paragraph.
Here's a paragraph with Extra Small applied. This should be applied to lengthy captions that require smaller type to fit under the picture. It can also be used for fine print.
Here's a regular paragraph.
Below is an example of P - Caption:
Day 1 of my raw food diet
P -Caption and Any - Center are applied
Caption with margin bottom none applied.
Regular caption
Another regular caption
Regular H3
Another Regular H3
H3 with Any - Margin Top Reduce
- On a new line type out your text “Large Red Arrow Link”
- Select the text and choose the link icon in the WYSIWYG which opens the link modal
- Add the link url
- Add “fa-angle-right bold” in the title
- Select the “right arrow large” class from the class dropdown
- Close Modal Window
- If necessary, center with style: Any - Div center.
Learn more about CTAs and Links.
Medium Red Arrow Link
- On a new line type out your text “Medium Red Arrow Link”
- Select the text and choose the link icon in the WYSIWYG which opens the link modal
- Add the link url
- Add “fa-angle-right bold” in the title
- Select the “right arrow medium” class from the class dropdown
- Close Modal Window
- If necessary, center with style: Any - Div center.
Learn more about CTAs and Links.
Add the right arrow small link using the following steps.
- Add the button
- Select the button and Select Div from Paragraph Drop Down
- On a new line type out your text “Small Red Arrow Link”
- Select the text and choose the link icon in the WYSIWYG which opens the link modal
- Add the link url
- Add “fa-angle-right bold” in the title
- Select the “right arrow small” class from the class dropdown
- Close Modal Window
- If necessary, center with style: Any - Div center.
Learn more about CTAs and Links.
Example of an image aligned left with text wrap and 35% width. Lorem Ipsum ha sido
el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor
(N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos
y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió
500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos,
quedando esencialmente igual al original.
Example of an image aligned left with text wrap and 50% width. Lorem Ipsum ha sido
el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor
(N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos
y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió
500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos,
quedando esencialmente igual al original.
Example of an image aligned right with text wrap and 35% width. Lorem Ipsum ha sido
el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor
(N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos
y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió
500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos,
quedando esencialmente igual al original.
Example of an image aligned right with text wrap and 50% width. Lorem Ipsum ha sido
el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor
(N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos
y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió
500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos,
quedando esencialmente igual al original.
Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original.
Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original.
Insert YouTube video.
Select the embedded video then add div element.
Then select YouTube - Responsive.