Home>Support>grid layout – adding columns

grid layout – adding columns

By Shane M Richardson, 10 years ago. Last reply by Andrew Misplon, 10 years ago.

Hello –

is there a quick workaround to be able to make the thumbnail grid container 4 or 5 columns wide – as opposed to the standard 3 columns wide?

www.shane-richardson.com

thanks – shane

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Hi Shane

    It’s not a theme option but you can try this under Appearance > Custom CSS:

    /* Focus Change Thumbnail Size */

.loop-container article {
width: 25% !important;
}
  2. 10 years, 2 months ago Shane M Richardson

    Hi Andrew – thanks again!
    i don’t want to change the thumbnail size necessarily , but thats cool to know.
    – i would just like to add another column =
    modifying it effectively to get 4 or 5 columns across instead of the standard 3 column layout, as it is currently.
    thanks! – shane .

  3. 10 years, 2 months ago Shane M Richardson

    Hi Andrew to be more specific – if anything , i want to increase the thumbnail size and make the grid wider with 4 or 5 columns to span the same distance that the marquis slider covers (width wise) – so that they both fill the pay (screen) at the same horizontal dimensions.
    *also – how do you get rid of the text and text bar area on the thumbnails in the grid.
    – thanks a million! best – shane

  4. 10 years, 2 months ago Shane M Richardson

    * page (not pay)

  5. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    The only way to do that would be to increase the overall container size of the site. Add this to Appearance >Custom CSS:

    /* Focus Container Size */

.container {
width: 1080px !important;
}

    And edit that px number as required.

  6. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    To remove the video info on the thumbs you’d need to use this:

    /* Focus Remove Thumbnail Info */

.loop-container article .entry-title span {
display: none;
}

    Just a quick heads up. We don’t really cover theme customisation as part of support. We help out where possible. But at some point if you want to further customise the theme to your needs you might need to consider the services of a developer. In that case we’d recommend: https://codeable.io/

  7. 10 years, 2 months ago Shane M Richardson

    Hi Andrew ! –
    awesome – thanks of your advice and support!
    is there a quick way to change the white backdrop/grid border to a different color?
    med. – dark grey?
    i had no idea, i will consult the developer after this one! – thanks again.
    Best – Shane.

  8. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Glad that helped.

    Please see the selector I sent through here:

    https://siteorigin.com/thread/how-do-i-make-grid-lines-thinner/

    Comment says Set Focus Container Color.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More