Jump to content

Grid instead of list


Recommended Posts

Hello guys,

 

I know that there are many posts out here to explain how to make the categories as grid but none of these worked for the subcategories....

 

Take a look on the screen shot and you ll understand.

 

I managed to make the products as grid but not the subcategories....

 

Do you have any ideas?

post-749167-0-82591600-1395111741_thumb.png

Link to comment
Share on other sites

<ul class="inline_list clearfix">
							<li class="">
					<a class="img" title="Δραπανοκατσαβιδα 10.8V-12V" href="http://tzatools.gr/index.php?id_category=21&controller=category">
													<img width="58" height="58" alt="" src="http://tzatools.gr/img/c/el-default-medium_default.jpg">
											</a>
					<a class="cat_name" href="http://tzatools.gr/index.php?id_category=21&controller=category">Δραπανοκατσαβιδα 10.8V-12V</a>
									</li>
							<li class="">
					<a class="img" title="Δραπανοκατσαβιδα 14.4V" href="http://tzatools.gr/index.php?id_category=22&controller=category">
													<img width="58" height="58" alt="" src="http://tzatools.gr/img/c/el-default-medium_default.jpg">
											</a>
					<a class="cat_name" href="http://tzatools.gr/index.php?id_category=22&controller=category">Δραπανοκατσαβιδα 14.4V</a>
									</li>
							<li class="">
					<a class="img" title="Δραπανοκατσαβιδα 18V" href="http://tzatools.gr/index.php?id_category=23&controller=category">
													<img width="58" height="58" alt="" src="http://tzatools.gr/img/c/el-default-medium_default.jpg">
											</a>
					<a class="cat_name" href="http://tzatools.gr/index.php?id_category=23&controller=category">Δραπανοκατσαβιδα 18V</a>
									</li>
						</ul>

and the css change need to do is

.inline_list li {
    border-bottom: 1px dotted #CCCCCC;
    float: left;
    padding: 10px 7px;
}

It wills solve your issue. and it will looks like the bellow image.

http://awesomescreenshot.com/0b42i9cq99

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...