View Full Version : Flatty Categories

Cheryll Mendez
February 17, 2015, 09:48 AM
I was wondering if someone could help me with changing the 2 column categories into 3 for the flatty templates? I've been told that I can only do that within the CSS files, but not sure which of the CSS files and what lines I would need to change them to.
Any help would be greatly appreciated.
Thanks in advance ;)

Cheryll Mendez
February 17, 2015, 10:04 AM
I found a previous post with the same question, but the instructions didn't work for me as I couldn't find the line I was meant to change:
1. open style.css file from the template and found this style (line~ 3984):
.sub-categories-exist div.category-column
2. inside this style, change columns from 2 to 3.

February 18, 2015, 04:05 AM
Hello Cheryll,

Would you please send to my PM access to admin panel I will check and show you line or add my IP: to UnderContruction plugin

Cheryll Mendez
February 18, 2015, 10:26 PM
Hi Viktor,
I've added your IP.
Thanks for your help with this.

February 19, 2015, 03:24 AM

Please check line: style.css at line ~3668

.categoty-column > div.item {
float: left;
margin-right: 8%;
width: 29%;

and decrease width or margin 1-2% and it will show like you want.

also find style at line 3677:

.categoty-column > div.item:nth-child(2n) {

and change to:

.categoty-column > div.item:nth-child(3n) {

save and check again.

Cheryll Mendez
February 19, 2015, 10:35 PM
Hi Viktor,
It worked like a charm. Thank you so much