Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #316920
    Heinz
    Participant

    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

    #316927
    tikaram
    Keymaster

    @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

    #316943
    Heinz
    Participant

    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

     

     

     

     

     

    #316955
    tikaram
    Keymaster

    @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

    #316989
    Heinz
    Participant

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

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Featured Content columns’ is closed to new replies.