This is Gorditas

The subtitle is also Gorditas.

 

This font is called “Autoor One.”

 

I like it because it has a storybook feel to it. Body text is set to 20px with 1.5em line-height. I colored it a dark brown in this case.

 

Bitton #1Button #2

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

 

In this section, I chose a Regular section, one column, and a text module placed into the row.

This is the text module.

The section was given two backgrounds: one is the featured image of this page, which is the waterbrush palette desktop thing, and the other background is an overlay gradient of black to transparent, set as a radial gradient with stop and start points that allow most of the middle of the section to be readable text that is set to “Autoor One” for now, at 20px and line-height of 1.5em.

Notice as the page grows with the body of text, mor eof the background image comes into view.

Notice after I put five paragraphs here:

Notice after I put five paragraphs here:

Notice after I put five paragraphs here:

Notice after I put five paragraphs here:

Notice after I put five paragraphs here:

Notice after I put five paragraphs here:
No matter what, I’m always typing my last words as if they were on a piece of paper on my artist desktop.

 

Gorditas Title Here

“Autoor One ” paragraph text content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

What if I don't know what to do?

You just did it! You clicked on the button with the question you wanted answered and this answer dropped down.

These are toggle switches? Do I just click on it to open the answer?

Correct!

And notice that the plus sign turned to a minus sign.

Notice that icon color is the same as the theme’s default blue.

When you click the minus sign, this answer will close back up.

Go ahead and try it.

How was this background created?

The radial gradient overlay defines that circle with a black to transparent start/stop point at about 50%, and the background color of the theme itself, the blue that was set in the Theme Customizer already, shows through.

Toggles use the plus and minus icons only.

These modules seem to accept only the plus and the minus icon for their open and closed states. You cannot change the icon here in this module.

They don’t let you.

Would there ever be a need for such a thing? Toggles?

Why not make it a thing?

A big plus sign icon invites people to click it, and when they do, the answer appears.

 

I don't like all this flashing! Can you make it stop?

This section was built the other way around from the one above it, and it was given a hover state of the exact opposite of the section above it.

It’s on purpose that I made them change states on hover because it’s experimentation.