• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Modify Portfolio Columns in Minimum Pro

The Minimum Pro theme by StudioPress includes a portfolio page which displays featured images in a 50% width grid like this:

Minimum Theme by StudioPress

Scot, who i know from the StudioPress community asked this question:

Wondering how to adjust the display of portfolio items on the archive page from 50% to say 25% (display 4 instead of 2). I’ve tried tweaking the css but when you reduce to 25% items drop to the next row once you display two. I’m sure there’s something I’m missing in the css to make this work.

I know Scot has been supportive of my work on social media so am always happy to provide solutions for anyone who helps promote my posts.

Here’s the result before i give you the modified code:

Portfolio Minimum pro

style.css file

Under the Entries section of your child themes style.css file, around line 1273, change the CSS code to this:

functions.php

You may also like to change the dimensions for your portfolio featured image in your child themes functions.php file.

Here’s the default image size which you can modify depending on how much padding you have added between your archive portfolio images.

Related Tutorials

  • Minimum Pro – Change Portfolio Archive Entries To 3 or 4 Columns

Reader Interactions

Comments

  1. Ian says

    September 8, 2014 at 11:18 pm

    how can I do this to get 3 columns?

    Log in to Reply
    • Brad Dalton says

      September 9, 2014 at 8:20 am

      Change 4n to 3n and 25% to 33%

      Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.