Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #242306

    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(http://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(http://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

    #242446

    Hey Matthew!

    You’ve defined the height of the whole container which has the related products in them. Using the background image you can actually tell it to be attached to the top of the element instead of the center. Eg:

    .single-product .alternate_color {
    background: transparent url(http://mrsjosephwood.com/wp-content/uploads/title-bar-store.png) center top no-repeat;
    }

    Best regards,
    Devin

    #242455

    Thanks Devin. That change didn’t seem to work for me. Take a look at this page: http://mrsjosephwood.com/shop/beekeeping-made-simple/ and let me know what ya think.

    #243210

    I’m not able to get the site to load up but if you need further debug help on custom code it would need to go through a freelance developer from somewhere like Codeable, Microlancer or http://www.kriesi.at/contact/customization

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.