Thesis #post-x .post_box

Illustration of the post_box in Thesis
#post-x .post_box exists only once on a typical static page in Thesis. However, it can exist several times on other pages. The ‘x’ in #post-x stands in for the post id. This gives EVERY post a unique id selector which would enable customized css for any specific post id. #post-x has no specified styles and gets all of its styling from .post_box.

Hierarchy of #post-x for a static page

  • #content_box
    • #content
      • #post-x .post_box
        • .headline_area
          • .headline h2
          • .headline_meta
        • .format_text
      • #comments

.post_box Defines the styling of #post-x and contains both .headline_area and .format_text. The only part of it’s definition that is directly customizable from Design Options is the border.

.headline_area This selector contains both the .headline and the .headline_meta.

.format_text This selector contains all of the post related structures. The font size is directly set in the Design Options.

#comments This selector contains all of the comment related structures.

.post_box
{
    border-style: dotted; /* from style.css */
    border-color: #bbb; /* from style.css */
    clear: both; /* from style.css */
    margin: 0 2.2em 0 1.1em; /* from layout.css */
    padding-top: 2.2em; /* from layout.css */
    border-width: 0.1em 0 0 0; /* from layout.css [Design Options]*/
}

.headline_area
{
    margin-bottom: 2.2em; /* from layout.css */
}

.format_text
{
    font-size: 1.4em; /* from layout.css [Design Options]*/
    line-height: 1.571em; /* from layout.css */
}
#comments
{
    margin-right: 2.3em; /* from layout.css*/
    margin-left: 0em; /* from layout.css*/
}
 

{ 1 comment… read it below or add one }

Milind Padhye December 6, 2012 at 12:13 pm

Hi Rick

Hope you help me out today.

I wanted multiple blockquotes and tried varied tags like “bquot , blogquote” etc. but nothing works. If I simply modify the default blockquote tag, it works as I want. However, if I put another one with slight modifications, it doesn’t.

Please visit: http://bit.ly/TErq9j

I have shown both cases: the top one uses blogquote as the tag, whereas below is the default blockquote tag.

Thanks for your help

Milind

Leave a Comment