Jump to content
CoderJim

Double image border problem

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

Share this post


Link to post
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.

Share this post


Link to post
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.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...