Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
 
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site
Forum Search
Google Site Search
Author « Topic »  

gemodyssey
New Member

57 Posts

Pre-sales questions only
(More Details...)

Posted - 10/30/2017 :  10:43:50  
I am using php version 6.8.1 of responsive design lifestyle plus. How would I put boxes around the categories.
Thank you
Saleem

Andy
ECT Moderator

95440 Posts

Posted - 10/30/2017 :  10:47:52  
Hi Saleem

That would be like this in the css file

div.category{
border: 1px solid #ccc;
}

Andy

Please feel free to review / rate our software

gemodyssey
New Member

57 Posts

Pre-sales questions only
(More Details...)

Posted - 10/30/2017 :  11:21:33  
Andy, thanks

gemodyssey
New Member

57 Posts

Pre-sales questions only
(More Details...)

Posted - 10/30/2017 :  12:13:05  
Hi Andy

It works fine when the categories display on the index page, but if you click on the categories menu or click on " browse store" the boxes shrink. http://gemlinx.com/index.php
Thank you
Saleem

gemodyssey
New Member

57 Posts

Pre-sales questions only
(More Details...)

Posted - 10/30/2017 :  12:42:17  
Andy,
I adjusted the image sizes, now they work fine on the categories page, but on the index page where the categories are displayed, it leaves a lot of blank space in the bottom of the box at the end of the text?
Saleem

Sinbad
ECT Moderator

USA
65937 Posts

Posted - 10/30/2017 :  14:36:27  
Hi Saleem, in style.css around line 819 change the height to 175px

div.category {
border: 1px solid #ccc;
float: left;
height: 200px;
padding-left: 10px;
width: 46%;
}

Also there are issues in the style sheet that really need to be cleared up

Around line 830 change the float to left; or right; the value top is not recognized

div.catimage{
width:130px;
padding-top: 20px;
float:top;
padding-left:15px;

}
Then around line 529 change the colon (:)after the word left to a semi-colon (;)

div.proddescription{
padding:6px;
float:left:
font-color: #000000;
}

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

gemodyssey
New Member

57 Posts

Pre-sales questions only
(More Details...)

Posted - 10/30/2017 :  19:26:57  
Thank you Sinbad
  « Topic »  
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2022 ecommercetemplates.com
This page was generated in 0.02 seconds. Snitz Forums 2000