Category/Sub-Category layout change
Hi,
Just a quick question on the layout of the category and sub cat pages, currently we are using the Nobleese theme, and it has the icons listed in a row of 3 with quite a lot of padding. Just wondering if there is an option or setting to change this to being listed to something like 5/6 in a row? Or is a Custom CSS change needs to be added in. Thanks for any help. The link is http://powerpartsuk.com/Air-Filters for our intial test sub page. |
Re: Category/Sub-Category layout change
There is no setting for this that I am aware of. As you say, needs custom CSS or HTML changes.
|
Re: Category/Sub-Category layout change
Any ideas where to begin with this?
Have changed a few of the padding settings and image size settings using Firefox Inspect Element (experimenting), but the only changes made are to each individual picture. |
Re: Category/Sub-Category layout change
Any ideas where to begin with this?
Have changed a few of the padding settings and image size settings using Firefox Inspect Element (experimenting), but the only changes made are to each individual picture. EDIT: Thanks for the reply BTW! :-) |
Re: Category/Sub-Category layout change
Check this reply: http://forum.x-cart.com/showpost.php?p=378415&postcount=31
|
Re: Category/Sub-Category layout change
Hi Tony,
thanks for the reply, that sounds exactly what we need. However when i apply that code to the custom CSS nothing happens? I've literally just copied and pasted it to the bottom of the code already there, is there anything else i need to do? EDIT: Got it working for products, but need help applying the same rules for the sub category pages, would something like this work? ul.subcategory.grid-list li.subcategory-cell.box-subcategory { width: 20%; } ul.subcategory.grid-list li.subcategory-cell:nth-child(2n) + li.subcategory-cell{ clear: none; } ul.subcategory.grid-list li.subcategory-cell:nth-child(3n) + li.subcategory-cell{ clear: none; } ul.subcategory.grid-list li.subcategory-cell:nth-child(4n) + li.subcategory-cell{ clear: none; } |
Re: Category/Sub-Category layout change
Try this code:
Code:
ul.subcategory-view-icons.subcategory-list.grid-list li { |
Re: Category/Sub-Category layout change
Thanks Tony!
|
All times are GMT -8. The time now is 08:46 AM. |
Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.