gjsouthwell on "[Theme: Illustratr] Change number of columns on default portfolio homepage"

Hi,

I'm using the Illustratr theme and have it working with WordPress portfolios. However, the default portfolio template displays three columns. Is there a way to change this, and maybe change how it displays (image width, etc)?

Thanks,

Gareth.

Hi Gareth,

I'm sorry for the delay in the response here. We're working our way through a bit of a backlog.

You can reduce the width of your portfolio items, and therefore create room for more columns, with some custom CSS.

To add custom CSS: Firstly set up a child theme or activate a custom CSS plugin. (As you already have Jetpack installed then you can activate its custom CSS module.)

Enter the following snippet in either the editor for your CSS plugin or the style.css file of your child theme:

@media screen and (min-width: 1220px) { .portfolio-wrapper .portfolio-entry { width: 240px; }
}

The reduce the width that your portfolio items take up on the home page and make room for four columns. You can experiment with smaller widths if you'd like even more columns.

Let me know how you get on with that or if you have further questions.

Thanks!

Hi Siobhan,

That worked brilliantly - thank you so much.

One other question: is it possible to use CSS to change what elements display on the front page? Currently, by default, the project name and category show underneath the image - I'd like to remove them.

Thanks,

Gareth.

Actually, I've just tried this, which seems to work:

header.portfolio-entry-header {
display: none;
}