≡ Menu

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?

{ 36 comments… add one }

  • Matt August 20, 2013, 1:20 pm

    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 August 20, 2013, 1:41 pm

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

      • Godhammer August 20, 2013, 6:12 pm

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

        Like, at least three olives.

        • test September 3, 2013, 6:37 am

          test

  • Derek August 20, 2013, 2:34 pm

    You got pull quote action. WHAT?

    • Chris Pearson August 22, 2013, 8:36 am

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

      • jaced August 26, 2013, 8:52 am

        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 August 26, 2013, 9:14 am

          Well…I’m not even sure what Nitro is :D

          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 February 26, 2014, 9:56 am

          “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 August 24, 2013, 2:10 am

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

  • Danielle Parsons August 26, 2013, 4:51 pm

    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 August 26, 2013, 4:59 pm

      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 October 25, 2013, 6:10 am

    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 October 25, 2013, 7:57 am

      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 October 28, 2013, 10:07 pm

        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 October 29, 2013, 8:00 am

          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.

          • Anne Wayman February 25, 2014, 10:34 am

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

  • halim November 1, 2013, 1:21 pm

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

    • Chris Pearson November 1, 2013, 2:47 pm

      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 :D

  • Carlo November 7, 2013, 4:19 am

    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 November 7, 2013, 8:24 am

      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 November 25, 2013, 3:28 pm

    Skinned alive!!

  • New Guy November 26, 2013, 4:43 am

    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!

  • Troy February 7, 2014, 6:51 pm

    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.

  • Ember February 25, 2014, 8:51 am

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

    • Chris Pearson February 25, 2014, 10:37 am

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

  • Ray March 3, 2014, 10:45 am

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

    • Chris Pearson March 3, 2014, 12:58 pm

      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.

  • Jim Driver April 23, 2014, 2:57 am

    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 April 24, 2014, 10:06 am

      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.

  • Faizan Asad May 25, 2014, 9:06 am

    the best framework i ever used

  • Adam Binder May 25, 2014, 11:49 am

    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.

  • Ronnie Boone May 29, 2014, 1:47 pm

    Down at the bottom of the website, is there any way to have the attribution where there is text on both sides of the website, one thing on one side and something else on the other? I tried adding a table, but that didn’t work. Any thoughts? Thanks.

    • Chris Pearson June 12, 2014, 8:31 am

      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.

Leave a Comment