Product page display

Site URL: https://www.furangelfoundation.org/happilyhomed

We are using two product pages for our site. We have one product page for available dogs and another product page showing the dogs that were adopted.  On the adopted page, we want to display 6 products across as the number of items will grow throughout the year.  When I change the setting under Design, when I change the setting to 6, it changes both pages. Is there a way to only have it affect the one page?

Ideas?  I forgot to mention that we're on 7.0

Hi. You mean  change to 6 items/row on this page? https://www.furangelfoundation.org/happilyhomed

Add this code to Design > Custom CSS

body#collection-6210386b3782581783256936 {
#productList .product {
    clear: none !important;
    width: 13% !important;
}
#productList .product:nth-child(6n+1) {
    clear: left !important;
}}