recently viewed boxes with gaps

[EdHarrison]

My recently viewed is untampered with but shows gaps in the boxes, I was tempted to fiddle in the stylesheet but wondered if anyone had tinkered yet to improve the rather ungainly look of it?

Does not seem to be much in the way of options except show prices or not...

[NormanRouxel]

I wasn't sure what you were describing until I viewed the site in Internet Explorer. In that I see the border around each recent item has some small gaps in it. All more obvious as you have a black background.

Unfortunately, it's hard to look at the pages HTML as this bit of code is dynamically generated via JavaScript.

I'm not a CSS expert so hopefully someone else will know what's up.

[NormanRouxel]

Try this. Go to Design / Library / Layouts / Recent Products / Horizontal Recent Product List - Tabular Details. Around line 18, you'll see:

<table id="recenthtitem">

Change to

<table cellspacing="0" id="recenthtitem">

UPDATE. Here's an alternative CSS based solution:

Edit the Actinic Stylesheet layout and look for

#recenthtitem {
border-spacing: 0px;
}

Update it to read:

#recenthtitem {
border-spacing: 0px;
border-collapse: collapse;
}

[EdHarrison]

Thanks Norman, it works a treat. Although the next and previous buttons are oddly disappearing but they may have already done that - hmmm

Edit: I checked and it seems the next and previous buttons do disappear when active, I cant find them anywhere as I hoped they would be buttons in the site folder but no alas. Here is the code but I cant find the active buttons...

<input class="recenthtbuttonright" id="scrollbackrecent" type="button" value="Next >>" onclick="ScrollBackRecent();">
<input class="recenthtbuttonleft" id="scrollforwardrecent" type="button" value="<< Previous" onclick="ScrollForwardRecent();">

------------------------------------------------------------

Another wierd one, the receipt header is not editable from the CSS or anywhere for colour, I have finally found that in the text library as a long string of HTML :

<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><strong>This is your receipt</strong></td><td align="right"><strong>This is not a tax invoice</strong></td></tr></table>

So now I need to change the colour of that to black text, why only that is HTML in the text library and the rest of the checkout / cart headers are in the CSS I dont know.