Customizing ProductCart - colored border around images

Print Page | Close Window

colored border around images

Printed From: ProductCart E-Commerce Solutions
Category: ProductCart
Forum Name: Customizing ProductCart
Forum Description: Exchange messages with other users that are customizing ProductCart.
URL: https://forum.productcart.com/forum_posts.asp?TID=1538
Printed Date: 01-July-2024 at 4:48am
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com

Topic: colored border around images

Posted By: a3dcreator
Subject: colored border around images
Date Posted: 16-April-2008 at 2:45pm

hello recently I hvae been trying to get rid of the colored border around the images on my main page. I hvaent succsesfully figured out how to do it though.

ive searched the pcstorefront.css for it and changed the code for the viewprd images but no dice!

if anyone knows how to do this it would be great thank you.

here is the link to my site if you would like to see what im talking about.
http://www.wwickedresin.com - www.wickedresin.com

-------------
www.wickedresin.com

Replies:

Posted By: Greg Dinger
Date Posted: 16-April-2008 at 3:05pm

Scan your CSS file for "img". There are several instances such the one below which may need to change depending upon what page you are working on.

  #pcMain .pcShowProductImageH img {
   border: 1px solid #E1E1E1;
   padding: 5px;
  }

-------------
GreyBeard Design Group

Certified ProductCart Developer

Web Design/Development/Hosting

http://tinyurl.com/5c8t4t" rel="nofollow - Add-Ons & Custom Code |

Posted By: a3dcreator
Date Posted: 16-April-2008 at 3:20pm

thank you very much that was actually th one that fixed it.
thanks once again.

-------------
www.wickedresin.com

Posted By: steelheadbum
Date Posted: 18-April-2008 at 7:10pm

Does any one know how to add a border around your entire site (header, menu, body and all). My web site is only 800 px wide and need a border around it.

Posted By: a3dcreator
Date Posted: 18-April-2008 at 8:49pm

you can cheat by making a background thats slightly bigger than your website and it will look like a border.

-------------
www.wickedresin.com

Posted By: steelheadbum
Date Posted: 18-April-2008 at 10:56pm

Is there any other way?

Posted By: netprofits
Date Posted: 19-April-2008 at 6:34am

Try adding a div tag before the opening table tag in header.asp and a closing div tag after the closing table tag in footer.asp. The opening div tag should be something like this:

Modify the style to suit your needs. Or use an id tag in the div and move the style to pcHeaderFooter.css.

-------------
NetProfits Internet Consulting

Certified ProductCart Developer

http://www.nicwebdesign.com" rel="nofollow - Our Site

Posted By: intour
Date Posted: 20-April-2008 at 2:53pm

It depends on how your website is designed.

If its controlled by CSS then you can create an image that forms the border or you can specify the border in the code.

Nigel

Posted By: inetbizo
Date Posted: 25-April-2008 at 8:30am

Perhaps this will help. Edit pcHeaderFooter.css and modify #pcMainArea as follows:

#pcMainArea
{
 width: 982px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 5px;
 padding: 0;
 border: #4368AF 1px;
 border-right-style: inset;
 border-left-style: outset;
 border-bottom-style: inset;

-------------
Current Project http://canvasusa.com - http://www.canvasusa.com

Posted By: njessen42
Date Posted: 02-May-2008 at 6:45pm

So speaking of borders. I want to add a border around our category images, is this also in the pcstorefront.css?

Posted By: MarkCoyle
Date Posted: 02-May-2008 at 8:09pm

Yes it is. ALL formatting of note is in either pcstorefront.css or pcheaderfooter.css (apart from the AJAX layer).

cheers

Mark

Posted By: njessen42
Date Posted: 05-May-2008 at 11:41am

Thanks for the reply, I will check it out.