How Do I Hide the Author Biography on a Blog Page or Blog Article Page?

Hi Warren,

Quite likely its the scoping of the css

How about trying something like this?

.lia-blog.BlogPage.lia-body .blog-bio-blurb {
    display: none;
}

What about removing the component from the page in Studio? Or do you want to retain some of the information provided by it and hide the rest?

I want the component in place, because it has 1) avatar picture, 2) screen name, 3) "real" name is the reader is logged in, 4) title (job title), and a link on (2) to the author's profile page, where the biography remains in the "About me" dialogue. The problem is that the biographies tend to be long, and force the right column to become much longer than the rest of the page. Still, it was a fair question.

All of the CSS in our skin is written in the following syntax:

#lia-body .lia-blog.BlogPage .lia-content li.blog-bio-blurb {
    display: none;
}

... so I wasn't certain that a line that began without the hash mark would work.

The line above does not seem to affect display of the blog-bio-blurb.

I have found the solution.

This CSS suppresses display of the author biography, just on the Blog Page:

#lia-body.BlogPage .lia-content .blog-bio-blurb {
         display:none;
}