Text styling

• Page titles are automated as H1 so page content should always start with an H2.
• Always use consective heading styles (i.e. H5’s should only be applied if below an H4). 
• Do not use a bold or italic style with heading styles. These typefaces already have a weight applied.

This is paragraph with bold, italic, and a link:

• Here’s a bullet
• Second bullet
• Third bullet

This is paragraph with bold, italic, and a link:

1. And numbered
2. Second bullet
3. Third bullet

Standard quote styling. See Quote styling modules below. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sem viverra aliquet eget sit amet tellus cras adipiscing. Faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis aliquam.

Larger intro adds visual interest. New Section—Add from Library—Intro text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultricies lacus sed turpis tincidunt id aliquet risus feugiat in. Feugiat in fermentum posuere urna nec tincidunt praesent semper feugiat. Ut lectus arcu bibendum at varius vel. Nec ullamcorper sit amet risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla at volutpat diam ut venenatis tellus in. Sed velit dignissim sodales ut eu. Scelerisque mauris pellentesque pulvinar pellentesque habitant morbi. Eleifend quam adipiscing vitae proin sagittis nisl rhoncus mattis. Eget nulla facilisi etiam dignissim. Urna id volutpat lacus laoreet non curabitur gravida arcu. Sit amet consectetur adipiscing elit pellentesque habitant. Volutpat blandit aliquam etiam erat velit scelerisque in dictum. Quis lectus nulla at volutpat diam ut. Aliquam vestibulum morbi blandit cursus risus at ultrices mi.

December 25, 2023

Dr. Eunice Brookman-Amissah receives Right Livelihood award today

A ‘legend and reference point’ for reproductive rights in Africa, Brookman-Amissah’s 30 years of trailblazing work improved abortion access across the continent.

Q&A formatting. New Row—Add from Library—Q&A questions

Why did you decide to do this research project?

Heron: As a bisexual agender parent of a tween, I am hyper-aware of the need for culturally competent sex ed.

Paige: I am always looking for ways to more intentionally work across movements, particularly repro and queer movements. This research project offered the opportunity to do just that while shining a light on communities that get overlooked in policy and advocacy spaces.

Media contact.  New Module—Add from Library—Media fore more info

For more information, contact [email protected]. 

Quote styling

Large quote section. New Section—Add from Library—Gray Full Quote

Buttons

Photos

Image sizes

If photos are not sized correctly they can slow down site performance and will break many of our automated module styles. All page feature images (header photos) must be sized exactly 1280 x 533 px at 72 dpi. Additional photos should be sized at a maximum of 1920px wide at 72dpi.

Photo carousel slideshow: New module—Add from Library—Photo carousel

Content highlight or promo styles

Colored block rows: New row—Add from Library—Color block row-orange OR Color block row-blue

• These are text modules with a shortcode that contains the post ID [ids=”84395“]
• Replace the post ID (ID highlighted in orange) with the post you want to link to
• The post ID appears in the URL when editing the post: Example: https://ipas.org/wp-admin/post.php?post=4038&action=edit
• The text on the left is generated from the “Caption text for Story or Promo” entry from the news story’s back-end.

Individual news item row. Can adjust to 2 or 3 columns: New row—Add from Library—News row

• These are text modules with a shortcode that contains the post ID [ids=”84395“]
• Replace the post ID with the post you want to link to
• The post ID appears in the URL when editing the post: Example: https://ipas.org/wp-admin/post.php?post=4038&action=edit
• The text below is the post title.

Program of Ipas Latin America and the Caribbean

Leadership: María Antonieta Alcalde

Office: Mexico City

Online: ipasmexico.org

Our impact

Charts: These need to be created with “Data Tables by Supsystic.” Find in the dashboard on the left. 

1. Create a data table with the data
2. Create a chart from the data
3. Customize by clicking “Show Values into Diagram”
4. Copy and paste the embed code into a text module

[supsystic-table-diagram id=’10’]

Slider that shows the last 10 news posts. New module—Add from Library—News post slider.

Personal feature story: New row—Add from Library—Personal story feature

Layout styles

Visual block link to content. Great for overview parent pages. See Crisis Settings page. New module—Add from Library—Image card style

Use accordians for low priority content to shorten length of the page. New module—Add from Library—Accordian-gray

Orange dash divider: New row—Add from Library—Orange Dash Row

Bold number squares to highlight lists. Can also use with anchors links. See in use: Climate research and Bi/Pan CSE research. New row—Add from Library—row of 5 bold squares

Breadcrumbs to be placed at the top of child pages. See where we work pages, Bi/Pan CSE research: New section—Add from Library—Breadcrumb

Full-width promo section. See Ending abortion stigma, Monitoring gender and human rights, and Making abortion legal. To edit:

1. In the section settings: Replace photo in the Background tab
2. In module settings: Edit content.
3. In the row settings: Adjust background to optimize legibility over photo.

New section—Add from Library—Full-width promo