Okay
  Public Ticket #1151696
How to display more icons per row in Portfolio section
Open

Comments

  • Tossy started the conversation

    Hello, I would like to ask about Apex. I'm using Apex theme for my website. I see in your screenshoot in the Portfolio section, you can display 5 icons / pictures per row. How did you do it? Because I can only make 3 icons / pictures per row

    Thanks & Regards

    Tossy Permana Putra

    Attached files:  ss web.JPG

  •  42
    Joe replied

    Sorry, the screenshot is actually an old version. The theme doesn't have the 5 column setup built into it. But, you can modify to accomplish this pretty easily by following these 2 steps:

    1. On your gallery page in the Apex Page Settings metabox select the Layout tab and set the Content Width to Wide.

    2. Then, add the following custom CSS to either your Theme Settings page or the Customizer Page:

    @media (min-width: 768px) {
    .mtphr-gallery-block-wrapper, .grid-sizer {
        width: 33.333%;
    }
    }
    @media (min-width: 992px) {
    .mtphr-gallery-block-wrapper, .grid-sizer {
        width: 25%;
    }
    }
    @media (min-width: 1200px) {
    .mtphr-gallery-block-wrapper, .grid-sizer {
        width: 20%;
    }
    }
    

    Feel free to adjust the width percentages.

  • Tossy replied

    Thanks for your answer, it is very helpful. But now I have a new issues, how to remove or resize the gap between image and text like the picture that I attach

    Attached files:  ss web2.JPG

  •  42
    Joe replied

    Add the following custom css:

    .mtphr-gallery-block .entry-featured-archive {
      height: auto !important;
    }
    .entry-featured-data {
      display: block;
      position: relative;
      bottom: auto;
      left: auto;
    }
    

    The blocks will end up being different heights now, but there isn't any way around that when modifying it this way.