fbpx

Playground

This Content Block has a Light Grey background

The Custom Row block has an image background set and the largest padding. For larger padding use Custom Spacer Blocks.

Elsabet was born and raised in Jimma, a small farming village in the southwestern Oromia region of Ethiopia, a four-hour walk to the nearest government health clinic.

Soon after marrying she became pregnant. Elsabet went into labour at her mother’s house but, during a long, obstructed labour, her baby died and she sustained serious obstetric fistula injuries that left her leaking urine uncontrollably.

“That was the shameful moment in my life. I become completely hopeless.”

Elsabet is alone

Elsabet’s husband left her and she hid away for years, traumatised and alone. One day she heard about Hamlin’s Addis Ababa fistula hospital. She made the long journey and finally received surgery to repair her fistula injury. She is now completely dry.

Dr Catherine Hamlin and her husband Dr Reg Hamlin opened the Addis Ababa in 1974 to cater for the thousands of women who needed treatment for obstetric fistula. The Addis Ababa Fistula Hospital is now part of a network of six Hamlin fistula hospitals around Ethiopia.

shouldnt this move up and down?

This is an example of the new sticky container functionaily uses a Grid block containing two columns made up of Containers, of whatever width you need your columns to be.

A child Container, which will become the sticky container placed within whichever column you you wish for the sticky element to be in — In this case, the second column.

That parent column Container is given the custom class sticky-column.

The child Container has a class called sticky-container added to it. You can then proceed to put whatever content you wish in it.

Please note:

1. This method will only let the element remain sticky for the length of the content in the first column. It can not span multiple Row Blocks like on the Blog page. This is a limitation of creating editable Blocks that can stick rather than being hardcoded into a page template, like the Blog or Two Column page templates.

2. Since the container is sticky, placing a long item within it, which overflows beneath the bottom of screen will mean that the hidden contents of the Conatiner will not be visible until the entire block has been scrolled.


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Egestas quis ipsum suspendisse ultrices gravida dictum fusce ut. Lectus arcu bibendum at varius. Ridiculus mus mauris vitae ultricies leo. Pretium aenean pharetra magna ac. Volutpat commodo sed egestas egestas fringilla phasellus faucibus. Ultrices mi tempus imperdiet nulla malesuada. Cursus in hac habitasse platea dictumst quisque sagittis purus. Id venenatis a condimentum vitae sapien. Ac tortor dignissim convallis aenean et tortor at. Cursus sit amet dictum sit amet.

Aliquam etiam erat velit scelerisque in dictum. Massa sapien faucibus et molestie ac feugiat. Quam id leo in vitae turpis massa sed elementum tempus. Morbi tristique senectus et netus et. Ullamcorper morbi tincidunt ornare massa eget egestas. Amet cursus sit amet dictum. Non pulvinar neque laoreet suspendisse interdum consectetur libero id. Egestas congue quisque egestas diam in arcu cursus euismod quis. Cras tincidunt lobortis feugiat vivamus at augue. Faucibus turpis in eu mi. Et malesuada fames ac turpis egestas maecenas pharetra convallis. Lectus mauris ultrices eros in cursus turpis massa tincidunt dui. Tristique nulla aliquet enim tortor at auctor urna nunc id. Diam sollicitudin tempor id eu nisl nunc mi ipsum. Facilisis sed odio morbi quis commodo odio aenean sed adipiscing. Id interdum velit laoreet id donec ultrices. Et molestie ac feugiat sed lectus vestibulum mattis ullamcorper. Vitae proin sagittis nisl rhoncus mattis rhoncus urna.

Lacus sed viverra tellus in hac habitasse platea dictumst vestibulum. Odio pellentesque diam volutpat commodo sed egestas egestas. Enim tortor at auctor urna nunc id cursus metus. Mauris rhoncus aenean vel elit scelerisque. Et netus et malesuada fames ac turpis egestas maecenas pharetra. Bibendum enim facilisis gravida neque convallis a. Lacus laoreet non curabitur gravida arcu. Eget mauris pharetra et ultrices neque ornare aenean euismod elementum. Malesuada proin libero nunc consequat interdum. Ipsum dolor sit amet consectetur adipiscing elit pellentesque. Sapien faucibus et molestie ac. At erat pellentesque adipiscing commodo elit at imperdiet dui accumsan. Nunc consequat interdum varius sit amet. Tellus id interdum velit laoreet id donec ultrices. Donec pretium vulputate sapien nec sagittis aliquam malesuada. Nibh sit amet commodo nulla. Cursus vitae congue mauris rhoncus aenean vel elit. Elementum tempus egestas sed sed risus pretium quam.

Mauris cursus mattis molestie a iaculis at. Netus et malesuada fames ac. Dignissim suspendisse in est ante in. Molestie at elementum eu facilisis sed. Pulvinar etiam non quam lacus suspendisse faucibus. Nunc mattis enim ut tellus elementum sagittis vitae et leo. Arcu ac tortor dignissim convallis aenean et tortor at. Morbi enim nunc faucibus a pellentesque. Neque convallis a cras semper. Pharetra magna ac placerat vestibulum lectus. Maecenas sed enim ut sem viverra aliquet eget sit amet. In cursus turpis massa tincidunt dui ut. Quam nulla porttitor massa id neque aliquam vestibulum morbi blandit. Amet risus nullam eget felis. Ipsum faucibus vitae aliquet nec ullamcorper sit. Turpis massa sed elementum tempus egestas sed sed risus pretium.

Diam phasellus vestibulum lorem sed risus ultricies tristique. Egestas maecenas pharetra convallis posuere morbi leo. Neque ornare aenean euismod elementum nisi. Vulputate ut pharetra sit amet aliquam. Mollis aliquam ut porttitor leo a diam sollicitudin. Nisi est sit amet facilisis magna etiam tempor orci. Nunc pulvinar sapien et ligula ullamcorper malesuada. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Accumsan in nisl nisi scelerisque. Mattis aliquam faucibus purus in massa. In fermentum posuere urna nec tincidunt praesent. Leo urna molestie at elementum eu facilisis. Vitae aliquet nec ullamcorper sit. Aliquet nibh praesent tristique magna sit amet. Tortor at auctor urna nunc id cursus. Mi ipsum faucibus vitae aliquet nec ullamcorper sit amet. Ut enim blandit volutpat maecenas volutpat blandit aliquam. Tincidunt ornare massa eget egestas purus viverra accumsan in nisl. Ultrices eros in cursus turpis massa tincidunt dui ut. A pellentesque sit amet porttitor eget dolor morbi non.

This is a Content Block within the Container with sticky-container.

Row with Light Grey Background and Small padding

Row with Extra Small Padding

Row with No Padding