Borders around products

[dscott1966]

I don't know if this is the right place to post this if it is not sorry to all. I have searched and could not find anything on this subject.

Can someone please tell me how and what file i need to modify to get boarders to show around the category pictures and the featured, new products and so on.

Like the picture shown

Thank you

[seethrou]

With css can create the effect although may not prefect, it is a starting point

/* Add borders to the cells of columnar display in center column */
.centerBoxContentsNew, .centerBoxContentsFeatured, .centerBoxContentsSpecials, .specialsListBoxContents {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	border-top: 0.1em solid #E7E7E7;
	border-left: 0.1em solid #E7E7E7;
	margin-right: -0.06em;
	margin-left: -0.06em;
}

/* For style of the link which under the images of above column display */ 
.centerBoxContentsNew a, .centerBoxContentsFeatured a, .centerBoxContentsSpecials a, .specialsListBoxContents a {
	display: block; 
	text-align: center;
	padding-left: 5%;
	padding-right: 5%;
}

[dscott1966]

Thank you that worked for me..

I do have another question can it be done for category images also. If it can How and what is the code i have to add for that.

[seethrou]

In what page?

.

[dscott1966]

On This page here is a link.

http://citynights.no-ip.info/edy/ind...=index&cPath=1

and on these pages

http://citynights.no-ip.info/edy/ind...ndex&cPath=1_3

also thanks for the quick response.

[seethrou]

You are welcome!

On This page here is a link.

http://citynights.no-ip.info/edy/ind...=index&cPath=1

This under the class below.
.categoryListBoxContents

and on these pages

http://citynights.no-ip.info/edy/ind...ndex&cPath=1_3

also thanks for the quick response.

And this under the class below.
.centerBoxContentsProducts


They can be grouped together if no special requirement.

/* Add borders to the cells of columnar display in center column */
.centerBoxContentsNew, .centerBoxContentsFeatured, .centerBoxContentsSpecials, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsProducts {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	border-top: 0.1em solid #E7E7E7;
	border-left: 0.1em solid #E7E7E7;
	margin-right: -0.06em;
	margin-left: -0.06em;
}

[dscott1966]

Thank you so much it looks alot better. You have been a big help.

I do have one more question how do you get the border to go on the right side its on the left but not on the right. do i just play with the settings or do i need to put something else in the code. you can look at the last post at the links to see what i'm talking about.

[dscott1966]

That is ok figured it out i just need to add this code, border-right: 0.1em solid #E7E7E7; to the one you gave me eariler to get it on the right.

Again Thank you, You have been a big help.

[seethrou]

Yes, the code above only have the borders for the left and top, and not for the right and bottom. You can add both of the the right and bottom borders to the css.

And in some situations, add a height attribute will give uniform display and improve the effect.

[dscott1966]

I do have one more question you said height, will that help to close of the boxes so that it will not have any spaces in between the first set and the second set and so on. if not how do i get that effect of a close box. that is the only problem. what is the code for that.

Take a look at this to see what i'm talking about please.

http://citynights.no-ip.info/edy/ind...=index&cPath=1