Styles & Modular Content

Custom Styles

Headings

Modular Content

Focus Cards

H1 A lorem ipsum generator for future-of-news nerds

H2 Qui officia deserunt mollit anim id est laborum.

H3 Is that a cooking show?

H4 Bring her forward!

If you want more headings from the drop down, let me know.

Custom Styles

Below are the styles you asked for they should show up in the Thesis Content Styles Dropdown.

Custom Styles

Modular Content

Standard HTML

Custom Styles

Thesis Content Styles

This is a note. It will look different when viewing then it does when you are setting the style.

 

This is a box all of these can be customized

 

This is an alert with colors fonts padding and rounded corners.

Now I’m trying the Breakout

 

Now I’m trying extend

Drop cap can be uses too.

This is a caption.

This is Footnotes

This is a highlight

This is just a word highlighted.

Caption

Thesis code

Standard

Below are any additional requested styles I’ve added or you asked for they will show up in Thesis Content Styles > Custom Styles.

You have access to all the colors. if you want something bolded select what you want bold and add the color and then the bold. Color then bold.

Headings select the heading then the color

Color 0Color 1Color 2Color 3Color 4Color 5Color 6Color 7Color 8Color 9Color 10

Bolded

Color 0Color 1Color 2Color 3Color 4Color 5Color 6Color 7Color 8Color 9Color 10

Modular Content

Standard HTML

Header one

Header two

Header three

Header four

Header five
Header six

Quote & Blockquotes

Adding quote inside a sentence.

Single Line: Stay hungry. Stay foolish.

Multi-line: People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997

Tables

Employee Salary
John Saddington $1 Because that’s all Steve Job’ needed for a salary.
Tom McFarlin $100K For all the blogging he does.
Jared Erickson $100M Pictures are worth a thousand words, right? So Tom x 1,000.
Chris Ames $100B With hair like that?! Enough said…

Definition Lists

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

Unordered Lists (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List (Nested)

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

HTML Tags

These supported tags come from the WordPress.com code FAQ.

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

Anchor Tag (aka. Link)

This is an example of a link.

Abbreviation Tag

The abbreviation srsly stands for “seriously”.

Acronym Tag

The acronym ftw stands for “for the win”.

Big Tag

These tests are a big deal, but this tag is no longer supported in HTML5.

Cite Tag

“Code is poetry.” —Automattic

Code Tag

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Delete Tag

This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).

Emphasize Tag

The emphasize tag should italicize text.

Insert Tag

This tag should denote inserted text.

Keyboard Tag

This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.

Preformatted Tag

This tag styles large blocks of code.

.post-title {
  margin: 0 0 5px;
  font-weight: bold;
  font-size: 38px;
  line-height: 1.2;
}

Quote Tag

Developers, developers, developers… –Steve Ballmer

Strong Tag

This tag shows bold text.

Subscript Tag

Getting our science styling on with H2O, which should push the “2” down.

Superscript Tag

Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.

Teletype Tag

This rarely used tag emulates teletype text, which is usually styled like the <code> tag.

Variable Tag

This allows you to denote variables.

You have access to all the colors. if you want something bolded select what you want bold and add the color and then the bold. Color then bold.

Headings select the heading then the color

Colors: Color 0 is white with Highlight (From Thesis styles) colors are in Custom Styles.

Color 0Color 1Color 2Color 3Color 4Color 5Color 6Color 7Color 8Color 9Color 10

Fonts are in Custom Styles.

Name 0Name 1Name 2Consolas 3Baskerville 4Icons 5

Here is your whisper sentence.

Dropcap is also in the main Thesis Style

This is your standard block quote.

by Shari Smith

Callouts in Thesis

Alert

The Lady of the Lake, her arm clad in the purest shimmering samite, held aloft Excalibur from the bosom of the water, signifying by divine providence that I, Arthur, was to carry Excalibur. That is why I am your king. Shut up!

Box

The swallow may fly south with the sun, and the house martin or the plover may seek warmer climes in winter, yet these are not strangers to our land. Well, she turned me into a newt. But you are dressed as one…

Note

It’s only a model. Shh! Knights, I bid you welcome to your new home. Let us ride to Camelot! Shut up! Will you shut up?! Well, Mercia’s a temperate zone! We found them.

Modular Content

Add the code below and replace the X with the number and no spaces after [ or before ]

[raw][[/raw]modular_content id="X"[raw]][/raw]

186 = Social Media Icons

Focus Card

Trying the Focus Cards w/modular content.

185 Card with Social Media
Connect with me

How does this work with social media icons.