[Heinz]

Hello

In the “Featured Content” I can only select 4 columns under “Select featured content layout”, but I would like to split 6. Can I change that with CSS and if so how?

https://speiser-kriftungen.ch/#featured-content

Many thanks for the help
Greetings
Heinz

[tikaram]

@henebe : Please try adding the following additional css.

@media screen and (min-width: 64em) {
  .featured-content-wrapper.layout-four .hentry:nth-child(4n+1) {
    clear: unset;
  }
  .featured-content-wrapper.layout-four .hentry {
    width: 16%;
  }
}

Let me  know if this helps you out.

Regards,
Tikaram

[Heinz]

Hello Tikaram

Thanks a lot for your quick help. It almost works. The lines are not filled, that is just a line break and the rest remains empty. The identification is on the right and not left.

https://speiser-beschriftungen.ch/#featured-content

Thanks a lot for your help
Greetings
Heinz

 

 

 

 

 

[tikaram]

@henebe : Please try adding the following additional css instead of the previous css.

@media screen and (min-width: 64em) {
  .featured-content-wrapper.layout-four {
    display:grid;
    grid-template-columns: repeat(6,1fr);
  }
  .featured-content-wrapper:before {
    display: none;
  }
  .featured-content-wrapper.layout-four .hentry {
    width: 100%;
  }
}

Let me know if this helps to resolve your issue.

Regards,
Tikaram

[Heinz]

Hello Tikaram
Thanks a lot for your help. It works perfectly.
Greetings
Heinz

[Author]

Posts