See This Skin’s Text Styles in Action

This Skin comes equipped with everything you need to produce a professional-grade website. I personally guarantee that you’ll be positively amazed by how easy it is to put your best foot forward with this product.

In this article, you’ll be able explore the styles at your disposal when using this Skin.

Lists

Lists are easy for readers to digest, and because of that, most people love ‘em. With that in mind, you oughta start using more lists in your posts! This Skin comes equipped with three killer list styles1, and your job is simply to choose the one that is best-suited to your particular needs2. The first type of list is an unordered list, and it looks like this:

  • List item 1
  • List item 2 with a link to nowhere
  • List item 3
    • Nested list item 1
    • Nested list item 2
  • List item 4

The second type of list is an ordered list, and it looks like this:

  1. List item 1
  2. List item 2
  3. List item 3
  4. List item 4

The third and final type of list is called a definition list. Although they are less common, they can be useful for presenting meanings, relationships, or simply for clarification. Check it out:

This is a definition list item title
This is the description text that is related to the title above
The Thesis Theme
A bulletproof, standards-compliant, customizable WordPress theme from Chris Pearson

Sub-Headlines

Sub-headlines have already been used twice in this post…did you spot them? The first one says “Lists,” and the second one says “Sub-Headlines.” Thanks to the flexibility of our Skins, you can create similar sub-headlines without having to do any styling on-the-fly. All you have to do is wrap your sub-headline text in <h2> tags (or select “Heading 2” in the WYSIWYG editor), and BOOM, you’ll get results like you see here.

You can also use Heading 3 (<h3>) and Heading 4 (<h4>) for sub-sections as needed.

Sub-section Heading

The heading above is a third level heading, or <h3>. It’s not as significant as a sub-headline, but it is certainly useful for delineating a separate thought or idea.

Specialty Heading

Occasionally, you may need to differentiate between parts of an article sub-section. The fourth level heading, or <h4>, can be useful in these circumstances, but the most important thing here is simply the fact that your Skin supports this kind of text formatting.

Blockquotes

This is one area where our Skins have no peers…

Every Skin worth its weight in bandwidth comes with some sort of pre-defined blockquote styling, but how many WordPress themes or Skins do you know of that come with three different blockquote styles? This is one area where our Skins have no peers, and you can use these blockquote styles to your advantage as you liven up your posts for your readers.

The quote above is what is referred to as a “pullquote,” and you can create two types of these in your posts—one will be aligned to the right, and the other to the left. Use the following structure to make it happen: <blockquote class="x">, where x is replaced by either “left” or “right,” depending on which side of the text you want your pullquote to display.

Standard Blockquote

And naturally, no Skin would be complete without the standard old blockquote, which comes out looking like this:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque pharetra velit vel purus. Nunc tempor, urna sit amet euismod elementum, erat tellus auctor erat, non condimentum dui wisi non orci. Nam fringilla leo sed dui. Vestibulum ac elit sit amet diam vehicula scelerisque.

To use these, simply wrap your quoted text in <blockquote> tags.

Alerts, Notes, and Highlight Boxes

Every great Skin should come with savvy alert and note classes for maximum content pwnage.

Sometimes, you may even want to include more than one paragraph, so the really cool Skins will be sure to account for both.

But sometimes, you only need a single paragraph to get the job done, and you can see that in action right here.

Once again, we explore the styles included with this Skin and find that we have a versatile note class.

Perhaps you’ll be able to get away with whatever markup you like in here…or perhaps you won’t.

One thing is for sure—these notes won’t go unnoticed.

If the Skin you’re viewing supports the box highlight class, then this paragraph will have a special background highlight that makes it stand out from the rest of the content on this page.

In most cases, the box class is useful outside of the content as well, so be sure to check your Skin’s documentation to see where you can use this handy formatting class.

Images

Finally, be sure to take a look at this Skin’s image styles.

1 If this Skin supports footnote styling, this will appear as the first footnote.

2 How about a second footnote? This explains a lot, doesn’t it? Now, how do you get back to the main text once you’ve arrived at this footnote?

3 This is the third and final footnote. Where’s your styling now, mister?

51 comments… add one

  • What an awesome site full of pertinent information! I’m afraid to read too much more as my head may implode with the abundance of knowledge!

    • Chris Pearson

      You know what we need more of around here? Sarcasm.

      • Godhammer

        And snark! Very dry, with olives—a lot of olives.

        Like, at least three olives.

  • You got pull quote action. WHAT?

    • Chris Pearson

      Little known fact: Thesis has included pullquote styles since it was first released in 2008.

      • Pullquotes and alert styles may even predate the Thesis name, no? Late 2007 or so?

        I’d love to hear how many people here know what Nitro is. ;D

        • Chris Pearson

          Well…I’m not even sure what Nitro is 😀

          But I do know that I first introduced pullquotes back in September 2006 with the Cutline theme (which, by Q2 2007 became the most popular theme EVER on WordPress.com).

          Every theme I’ve introduced since has included pullquotes in some form or fashion.

        • Mike

          “Nitro’ isn’t it a button on a fast motorbike that injects ‘Nitrous-Oxide’ into the fuel-injection system to blast-off?? As my Buell was a rocket in any case I didn’t bother

  • Sybille

    Matt, it’s “abundance of information” which only turns into knowledge once you have processed it :-))

  • Looking forward to being able to integrate the GVO autoresponders into Social Triggers. I have a list built with that hosting and marketing tools company that is based in the San Antonio, Texas area. Really like what I see and am going to use this skin from now on!

    • Chris Pearson

      Very cool, Danielle!

      The Social Triggers Skin is set up in such a way that you can mix in email forms from just about any provider and easily integrate them into the design.

      Simply add a class, thesis_email_form, to your <form>, and then add a different class, input_submit, to your submit button, and boom—100% integrated styles!

  • Simon James

    Several things are missing when I look at the site on my Samsung Galaxy S2:
    – Promo bar
    – Header profile icons
    – all of the sidebar boxes

    … or is this just a different skin showing up on my mobile (it says Classic Responsive Skin at the bottom).

    • Chris Pearson

      Simon, you are viewing the Classic Responsive Skin. You can switch the Skin with the yellow dropdown selector at the top of the page.

      • Lee

        I found you by way of Derek… and am very interested in Thesis. I am not finding as much information that I would like though, in determining whether or not I should buy. I’ve looked high and low, but no where do I find any sort of ‘contact’ or support address… How can I email someone with questions?
        thanks, in advance :)

        • Chris Pearson

          Hi Lee. On our pricing page, we include contact information in the FAQ section (located below the pricing table).

          Feel free to email us at diythemes@gmail.com with any questions you may have.

          • over time I’ve found diy support to be excellent… just sayin’

  • halim

    Can I know whether this theme support article in arabic font?

    • Chris Pearson

      Halim, you can use any fonts you want in any of our Skins, and I’m sure your Arabic text will never have looked better 😀

  • Carlo

    Hey Chris

    Would this be a great starting theme when i would like to accomplish a layout like the DIY homepage with all the full width background colors, large headings etc.?

    But in contrast to the DIY homepage it will be responsive :-)

    Thanks

    • Chris Pearson

      Carlo, I have no way of knowing which Skin you were viewing at the time you left your comment, but I’d recommend the Classic Responsive Skin (and its 1-column layout option) for this purpose.

      In the future, we’ll release an add-on Skin that will look more like the DIYthemes.com layout, but for now, Classic Responsive is a solid place to start.

  • Ken

    Skinned alive!!

  • I know Thesis is great! I’m beginner wordpress developer, so I don’t know how to install or configure thesis themes. Please anybody give me a link for some lesson or tutorials.

    Thanks in advance!

  • This is a wavy new theme ~ I am still currently trying to learn and relearn and earn and churn my way through all the simplicities yet complexities of thesis. At times I know I am lost in the mud and thick of it trying to hack my way out lol all in all #thesis is epic.

  • What does preformatted text look like (stuff in <pre> tags)?

    • Chris Pearson

      Ember, check out this page to see any Skin’s styles for handling <pre> and <code> elements.

  • Chris, Can I use the Pearsonified image spot to put a free ebook opt in page type thing?

    • Chris Pearson

      Ray, the Pearsonified Featured Item spot only accepts images or videos, so if you want to include custom code (like an email signup form), you’ll have to go another route.

      This is easy with the Pearsonified Skin (or any of our other Skins, really), as you can simply hook your custom content into the page in that exact location.

      For specific help on this, please visit our Customer Support Center.

  • Beautiful. So last night, I fell into the looking glass and converted to this skin. Very nice!

  • It’s a great step forward but I’m missing a couple of things. For example, is it possible to change the sidebar to the left on the Classic skin? If so, how?

    • Chris Pearson

      Jim, yes, you can easily change the layout of the Classic Responsive Skin by using the design options (specifically, the layout and dimensions settings). Check out this video for a quick look at some of the things you can do with the Classic Responsive design options.

  • the best framework i ever used

  • I’ve heard a lot of great things about Thesis but I can’t seem to find any sample websites that have been made using it. I would be very grateful if someone could point me in the right direction. Thanks.

  • I am just looking and getting ideas to switch my current web page and blog to a thesis blog. I appears you have a lot of happy customers and a fine product. I like that…. Don’t know if this makes any sense, but which skin is the best suited for real estate?

  • Chris Pearson

    Ronnie, you can use CSS to target elements in your footer and position/align them however you want. Visit our members-only forums, and then check out the CSS Customizations area where you’ll be able to interact with Thesis experts who do this kind of thing all the time.

  • simplydolicious

    Will we be able to use other Google fonts aside from the ones that come with it? I saw some cool font combinations that I want to try.

  • Umar

    I love thesis framework. awesome fonts style.

  • Hi Chris,

    Thank you so much for the Pearsonified Skin! It’s totally awesome and I love every bit of it :)

  • I have the regular Thesis theme and looking to grab this social triggers skin. Is the image in the feature box area customizeable for size, or is it locked into those dimensions that you have as the sample above? I want this for my aimforawesome (.com) Hawaii site and as you can see, I use a wide image for it. Would like to keep that image if possible! Cheers man…

    • Chris Pearson

      Vern, you can include any size image you want in the Social Triggers Feature Box. The image you see here on the demo site is simply an image I included in my Feature Box post (and also aligned to the right).

  • Benjamin Price

    This looks much better than the free theme I’ve been using. Once I see how this months traffic and affiliate stats look, I hope to take the plunge and update to thesis running promo.

  • Where can i buy this ??

  • Hi, I run a small non-profit and we need a new website. Would Thesis be suitable for that purpose? It seems more blog-oriented. Thanks.

    • Chris Pearson

      Great question, Jalala. Thesis is suitable for any kind of website, not just blogs.

      In fact, thanks to included custom templates, Thesis Skins are probably better for non-blog sites (and especially business sites!) than just about any other WordPress theme.

  • Datj Vid

    Its just incredible…!
    Thesis has brought revolutionary wave in webdev.
    Thanx Chris and thanx to ur team, too.

  • Thesis is an absolutely awesome theme!!

  • By the way I was just trying to figure out how all these posters got their pic to show up here –is that through gravatar?

    • Chris Pearson

      Hi Ed, the images are indeed placed through Gravatar.

Leave a Comment