I am currently in the process of revamping my category archive to resemble a grid layout by utilizing custom CSS. I have successfully eliminated the elements I desired using code like this:
.archive .entry-footer {
display: none;
}
Now, I only have the post title and summary left on the page. However, I would like to remove the excerpt located below the featured image thumbnail. Upon inspecting it with Firebug, both sections appear to be labeled as .entry-summary. So, when I use this code...
.archive .entry-summary {
display: none;
}
it ends up removing both the excerpt and the image. After searching through Firebug and the stylesheet, I couldn't find what I needed to narrow down the summary section to solely remove the excerpt without affecting the image. If simply removing other elements wasn't enough, I considered setting the excerpt length to 0 characters in the archive, but I'm uncertain how to achieve that using CSS.