closed resolved
metropolitandetail
Member
So I like the size of the 4 column thumbnail in my estore:
http://revamp.metropolitandetail.com/?page_id=1616
But I don't need the last two items at the end there. Is it possible to remove those final two thumbnails from being visible? The alternative which is having the last line of products be a two column makes the preview images much larger than 4 column.
Thanks.
Hi!
Basically you want to hide the last two entries? Am I right? If so, add this to your custom.css or Quick CSS
.page-id-1616 .grid3:nth-child(n+17) {
display: none;
}The 17 will have to change if you add/remove additional grids.
Best regards,
Chris
Devin
Moderator
Hey metropolitandetail,
I found a pretty good article that explains the nth child css here: http://css-tricks.com/useful-nth-child-recipies/
I see you've already added the same thing to another page so I think you've got the hang of it :)
Regards,
Devin
metropolitandetail
Member
Thanks for that page. But I still have no idea where Chris's 17 number came from. I'm working on it right now. I'm not sure where think you see I got the hang of it? The only success I've had so far was the one Chris Beard did for me :\
.page-id-1062 .grid4:li:last-child {
display: none;
}
doesn't seem to be working on http://revamp.metropolitandetail.com/?page_id=1062 I want just the last one gone.
Hi metropolitan,
For this page http://revamp.metropolitandetail.com/?page_id=1062 you would still use grid3 so the code would be:
.page-id-1062 .grid3:li:last-child {
display: none;
}Regards,
Mya
metropolitandetail
Member
Now I'm having problems figuring out what grid just 1 row is:
http://revamp.metropolitandetail.com/?page_id=1612
I just wanna get rid of the last one.
This topic has been closed to new replies.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
