X-Cart forums

[kokeyuk1]

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.

[totaltec]

There is no setting for this that I am aware of. As you say, needs custom CSS or HTML changes.

[kokeyuk1]

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.

[kokeyuk1]

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!

[tony_sologubov]

Check this reply: http://forum.x-cart.com/showpost.php?p=378415&postcount=31

[kokeyuk1]

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;
}

[tony_sologubov]

Try this code:

ul.subcategory-view-icons.subcategory-list.grid-list li {
width: 20%;
}

ul.subcategory-view-icons.subcategory-list.grid-list li:nth-child(2n) + li {
clear: none;
}

ul.subcategory-view-icons.subcategory-list.grid-list li:nth-child(3n) + li {
clear: none;
}

ul.subcategory-view-icons.subcategory-list.grid-list li:nth-child(4n) + li {
clear: none;
}

[kokeyuk1]

Thanks Tony!