WooCommerce issue with products in same category

Good afternoon.

On my client’s shop page (http://mrsjosephwood.com/store/), using WooCommerce, any products with the same category have a messed up “related products” section (see first image link).

Note: I hid the sections that’s messed up for now using #av_section_1 {display: none !important;}

I’ve narrowed the issue down to the code I’m using to replace the title bar area with a background image. There are two pieces of code below: when I comment out the first, the second defaults. When I comment both out, the related products display fine (see second image link).

However, I need to be able to use the image for the background at the top of the page.

Any idea what I’m doing wrong?

.single-product .alternate_color {
background: transparent url(https://mrsjosephwood.com/wp-content/uploads/title-bar-store.png) center center no-repeat;
height: 67px;
margin: -2px 0 0 0;
text-align: center;
}

.page-id-149135 .alternate_color, .single .alternate_color, .archive .alternate_color, .tag .alternate_color {
background: transparent url(https://mrsjosephwood.com/wp-content/uploads/title-bar-blog.png) center center no-repeat;
height: 67px;
margin: -2px 0 0 0;
text-align: center;
}

(Right-click and open links in new tab.)
https://www.dropbox.com/s/zev312bc6z4ji32/shop-error.jpg
https://www.dropbox.com/s/um345kgcw40jkr0/shop-error-code-commented-out.jpg