[SOLVED] Gray frame around the products.

Quote

Post by toalettduck » Sun Jun 26, 2011 12:50 am

I was wondering if anyone could help me out with this one it seems that its more that I could so on my own. I would like to separate and display each product with a light gray frame around them, can anyone give me a lead on it how to do it or start it? I am using 1.4.9. Any help is greatly appreciated!

Solution:

For anyone who is looking for this here is the perfect solution:

Open your stylesheet.css and change this:

Code: Select all

.list td {
   text-align: center;
   vertical-align: top;
   padding-bottom: 10px;
}
Into this:

Code: Select all

.list td {
   text-align: center;
   vertical-align: top;
   padding-bottom: 10px;
   border: 3px solid #6BB345;
}
Done you can optimize it as you wish. :)
toalettduck
New member
Posts
67
Joined
Fri Jun 11, 2010 1:37 am
Top

Re: [SOLVED] Gray frame around the products.

Quote

Post by pbenfield » Sat Jul 02, 2011 8:29 pm

Further to the above you could have the products boxes looking the same as the module boxes as follows;

Find the .list td in the stylesheet as above and replace with this version:

catalog/view/default (your template name)/stylesheet/stylesheet.css

Code: Select all


.list td {
	text-align: center;
	vertical-align: bottom;
	padding-bottom: 10px;
	height:240px;
	border: 2px solid #D6DBE0;
	background: url('../image/box_top.png') no-repeat;
You need the height to allow for extra text as in the description etc etc
see http://www.online-biz-uk.co.uk
pbenfield
New member
Posts
62
Joined
Wed Apr 20, 2011 3:43 pm
Top

Re: [SOLVED] Gray frame around the products.

Quote

Post by toalettduck » Sun Jul 03, 2011 5:06 am

Not a bad idea actually! However Id like to stick to the original plain frame. Do you know how to increase the space between these frames? They are quite close to each other.
toalettduck
New member
Posts
67
Joined
Fri Jun 11, 2010 1:37 am
Top

Re: [SOLVED] Gray frame around the products.

Quote

Post by pbenfield » Sun Jul 03, 2011 4:26 pm

I am not sure but margin should work but be careful it is not too larger I wouls suggest the following and give it a try:

Code: Select all


.list td {
   text-align: center;
   vertical-align: top;
   padding-bottom: 10px;
   border: 3px solid #6BB345;
   margin: 2px 2px 2px 2px;
}
this will give an all round balance and an extra 4 px space between boxes if it works ok. the order of the the four is top, right, bottom, left..


good luck
pbenfield
New member
Posts
62
Joined
Wed Apr 20, 2011 3:43 pm
Top

Re: [SOLVED] Gray frame around the products.

Quote

Post by toalettduck » Sun Jul 03, 2011 7:44 pm

Well I tryed to add that margin but it didn't work out for me it was the same, Im still trying to figure out how to do so. Anyways its not that bad even this way, its more likely abut pride now I think.

This is how it looks with the margin and withut it:
Image
toalettduck
New member
Posts
67
Joined
Fri Jun 11, 2010 1:37 am
Top

Re: [SOLVED] Gray frame around the products.

Quote

Post by pbenfield » Thu Jan 05, 2012 3:40 am

It is probably too late but if the border does not work try reducing the margin.

I image it is now solved
pbenfield
New member
Posts
62
Joined
Wed Apr 20, 2011 3:43 pm
Top

Re: [SOLVED] Gray frame around the products.

Quote

Post by bobwhite » Fri Jul 20, 2012 9:39 am

Hi,
Can anybody tell me where to find:

Code: Select all

.list td {
text-align: center;
   vertical-align: top;
   padding-bottom: 10px;
}


In my catalog\view\theme\default\stylesheet\stylesheet.css I can find only this:

Code: Select all

table.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
If I do make changes mentioned above there is no effect. I am using OpenCart 1.5.1.3.
Can anybody help pointing me into right direction?
Thanks,
Bob
User avatar
bobwhite
New member
Posts
39
Joined
Thu Jan 26, 2012 8:20 am
Top
Post Reply
Return to “Template Support”
Who is online

Users browsing this forum: No registered users and 2 guests