Jump to content

Double image border problem


CoderJim

Recommended Posts

I am using the Lingerie skin on CC 6.2.4, though even before the .4 update images in certain circumstances started to show double borders, offset as shown in the attached example though the offset seems to vary in margin width, some close, some distant like the sample. This happens in the SubCategory when there are multiple images displayed, the Category when a single product is displayed, however, when the Product image alone is displayed or at the Category level with multiple product images there is no double border. This anomaly seemed to have happened spontaneously for no obvious reason, no work was done on this site and it was not this way when I handed it over to the client. Using the Inspector it seems almost like its a larger blank image 'behind' the actual product image, go figure... corruption?

Something happened, so far as I know nothing was done server side, I have other CC sites running on it and they have not exhibited this issue though they are Foundation skins so this is most likely an issue with the Lingerie skin I assume. I'm stumped and have no idea how to fix it or even where to start looking.

border.jpg

Link to comment
Share on other sites

I see a <div class="product-list">, and within that, a <p class="image">. There is a CSS rule in lingerie.css line 833 for .product-list .image that sets (the outer) border.

Then, within that, there is <img class="prod_image">. There is a CSS rule in black.css line 101 that sets (the inner) border.

Perhaps changing <p class="image"> to just <p> would work.

Link to comment
Share on other sites

Many thanks, that fixed it.

I changed in the Lingerie skin/templates/content.category.php from

<div class="product-list">
        {foreach from=$PRODUCTS item=product}
        <form action="{$VAL_SELF}" method="post" enctype="application/x-www-form-urlencoded" class="product addForm" id="P{$product.product_id}">
                <p class="image">

to

<div class="product-list">
        {foreach from=$PRODUCTS item=product}
        <form action="{$VAL_SELF}" method="post" enctype="application/x-www-form-urlencoded" class="product addForm" id="P{$product.product_id}">
                <p> <- this line

Client is smiling and so am I, thanks again.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...