Content Toggle

Content toggles are very similar to accordions, as they have expandable windows that let you display more information on a topic. Check out the examples below to explore your different options in using this kind of storytelling module.

Text Toggle Example

This is where you would put a brief description or side information about whatever the external user would be toggling to

Treat this section like you would any other copy block or WordPress page editor, meaning you can use many of the shortcodes available to you in the new theme.

Browse the Shortcode Cookbook
black and white curly dog sits smiling for the camera

Photo Toggle Example

This is where you would put an intro for whatever you are toggling to, just like the text toggle option. In this case the photo I've chosen is Janet. Open the toggle to learn more about her royal fluffiness.

Hello, my name is Janet.

I go by many names, Sweetness and Honey Bear to name a few. I love balls and cuddles and believe that everything is/should be mine. Humans just get confused sometimes. Water is fun too, but that just might be because I’m a Spanish Water Dog.

Mom wants me to let you know that in this type of toggle, just like the text toggle, you can include many different kinds of shortcodes. Don’t believe me? Here is a button as an example.

 

Learn More

 

Anyway, glad you stopped by and best of luck in your website building endeavors! (Whatever a website is. All I know is that computers take Mom away from playing with me, which should be her top priority. Obviously.)

Content toggle with accent teal

This is where you put your intro text, for introducing whatever it is you want to include under the toggle.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eros eros, blandit nec leo laoreet, pulvinar consequat metus. Aliquam sollicitudin, purus id tempus hendrerit, urna lorem lobortis odio, ac iaculis turpis metus ac ligula. Vestibulum porttitor ligula ultrices sodales finibus. Integer consectetur ante id condimentum porta. Quisque varius mollis commodo. Suspendisse sit amet neque at dolor lobortis fermentum quis non nisl. Maecenas lacinia dignissim euismod. Mauris vel suscipit libero, ut efficitur mauris. Proin vestibulum tortor magna, vel vestibulum risus blandit nec. Nunc condimentum mollis odio, et dapibus tortor. In hac habitasse platea dictumst. Nunc in quam in tortor iaculis ornare eu at magna. Etiam pretium laoreet venenatis. Curabitur venenatis pretium eleifend.

Available border colors:

  • Accent teal (#2ad2c9)
  • Accent green (#aadb1e)
  • Accent pink (#e93cac)
  • Accent lavender (#c5b4e3)
  • Husky purple (#32006e)
  • Spirit purple (#4b2e83)
  • Dark gold (#85754d)