4 Columns | PenciDesign Support

PenciDesign replied

7 years ago

Staff Reply

Hi,

Please try again with this code:

@media only screen and (min-width: 1170px){
.home-featured-cat-content.style-7{ width: calc(100% + 20px); margin-left: -10px; }
.home-featured-cat-content.style-7 .penci-grid > li{ width: 25%; padding: 0 10px; margin-right: 0; }
.home-featured-cat-content.style-7 .penci-grid > li:nth-of-type(3n+1){ clear: none; }
.home-featured-cat-content.style-7 .penci-grid > li:nth-of-type(4n+1){ clear: both; }
}

Best Regards,

PenciDesign

redneats replied

7 years ago

Customer Reply

Hello, is not yet possible. Do you have another idea?

PenciDesign replied

7 years ago

Staff Reply

Hi,

To do that, please add more this code to Customize > Custom CSS:

@media only screen and (min-width: 1170px){
.home-featured-cat-content.style-7{ width: calc(100% + 20px); margin-left: -10px; }
.home-featured-cat-content.style-7 .penci-grid > li{ width: 25%; padding: 0 10px; }
.home-featured-cat-content.style-7 .penci-grid > li:nth-of-type(3n+1){ clear: none; }
.home-featured-cat-content.style-7 .penci-grid > li:nth-of-type(4n+1){ clear: both; }
}

Best Regards,

PenciDesign

redneats replied

7 years ago

Customer Reply

Please excuse my many questions. Unfortunately, one last question would still be there. I would like to have the style 7 grid layout with 4 colums! Is that possible? Currently only 3. http://musical.sonnenklar-weimar.de/

redneats replied

7 years ago

Customer Reply

Thank you very much helped me a lot. Thank you !!!!!!!!!!!!!!!!!!!!!

PenciDesign replied

7 years ago

Staff Reply

Hi,

To do that, please add more this code to Customize > Custom CSS:

@media only screen and (min-width: 1170px){
.container.penci_sidebar .penci-grid.penci-fea-cat-style-13 > li,
.penci-grid.penci-fea-cat-style-13 > li {
    width: 25%;
}
.container.penci_sidebar .penci-grid.penci-fea-cat-style-13 > li:nth-child(3n+1), 
.penci-grid.penci-fea-cat-style-13 > li:nth-child(3n+1){ clear: none; }
.container.penci_sidebar .penci-grid.penci-fea-cat-style-13 > li:nth-child(4n+1), 
.penci-grid.penci-fea-cat-style-13 > li:nth-child(4n+1){ clear: both; }
}

Best Regards,

PenciDesign

redneats replied

7 years ago

Customer Reply

is it possible to change the Featured Category Settings? I Need for the Style 13 - Grid 3 Columns - I'd Like 4 Columns? Thank You

PenciDesign replied

7 years ago

Staff Reply

Hi,

Ahh, sorry, I was confused the file. Please do following like on this image.

Best Regards,

PenciDesign

redneats replied

7 years ago

Customer Reply

hello, I have done exactly as described in the picture. unfortunately there is no change?

PenciDesign replied

7 years ago

Staff Reply

Hi,

If you want to do that, you need to edit the file in the theme.

Please do following this image to do that.

Best Regards,

PenciDesign

redneats started the conversation

7 years ago

Conversation Start

Hello is it possible to change the Featured Category Settings? I Need for the Style 12 - Slider 3 Columns - I'd Like 4 Columns? Thank You