[JMorris112]

Thanks, Serkan. That worked.

[JMorris112]

Hi Serkan.

The Blog page appears on the menu – no issues there.
Appearance > Theme Options > Blog (from the other post) – that’s what I needed!
And Appearance > Widgets – Blog Sidebar to edit … perfect!

One (last??) little thing – in the sidebar, the content under Recent Posts, Recent Comments, and Archives is left-justified, but Categories is center-justified… can I change that? (Either left-justify Categories or center the others?)

Thanks!!

[JMorris112]

Thanks, Serkan. It’s just a development idea for you guys.

I added this code in the style.css file to make all the portfolio pages 3 columns, which I’ll be able to make work for me…

@media screen and (min-width: 768px) {
.gallery-grid .masonry-item {
width: 33%;
}
}

Thanks for all your help!
John

[JMorris112]

Hi Serkan. Site’s not live yet, so url won’t help. I may rethink my layout and not nest the portfolios in departments and just have them all on the work page. That would be easiest.

What would be great is, if the code checked how many portfolios there were on a department page, and, if it is less than the “default” number of columns specified for that “container” (which it looks like is based on width), to limit the number of columns to the number of portfolios.

For example, I have a department with only two portfolios. Viewed on a wide screen, the template makes 4 columns (and can make up to 5?), two of which are blank, and my two portfolios look left-justified while everything else on the page is centered. If you could code it to check the content and count the number of portfolios to be displayed, and if that is less than the number of columns based on container width, then reduce the number of columns to = the number of portfolios. Something like this (pseudo-code, I don’t know the correct syntax)…

var viewports = [ {
width : 1900,
columns : MIN(#of portfolios, 5)
}, {
width : 1200,
columns : MIN(#of portfolios, 4)
}…

Anyhow – thank you for your help!

[JMorris112]

I mean, I can go to Appearance –> Editor and see the Templates available to edit, but the individual pages/departments aren’t among them.

I searched the support blogs here and found something about editing the javascript (main.js), and see this code a few times about number of columns…

var containerW = $containerBlog.width();
var items = $containerBlog.children(‘.hentry’);
var columns, columnWidth;
var viewports = [ {
width : 1900,
columns : 5
}, {
width : 1200,
columns : 4
}, {
width : 768,
columns : 3
}, {
width : 480,
columns : 2
}, {
width : 0,
columns : 1
} ];

for( var i = 0, len = viewports.length; i < len; ++i ) {

var viewport = viewports[i];

if( containerW > viewport.width ) {

columns = viewport.columns;
break;

}

It would be a nice feature to be able to specify how many columns you want on a department page.

[JMorris112]

Hi Serkan. Thanks! I got the code you gave me to work, the way I described earlier… it just applies globally.

I have some coding experience… I built a static site years ago using just a text editor. My problem is, I don’t know how to get to the code in WordPress to modify it. It’s the platform structure I don’t understand. If you could tell me how to get there, I think I can figure it out.

[JMorris112]

Also, I notice that the departments/portfolios are always aligned left… if I have a very wide monitor/tv screen, the columns change to 4 and so even three columns are left-aligned and it looks bad.

Ultimately, I guess my question is, can I specify a number of columns for each department/portfolio AND have them center-aligned all the time?

Thanks for the help!

[JMorris112]

Okay… so I added that code into styles.css, under both TABLETS and DESKTOPS MEDIUM, and it did what I wanted – to both Portfolios and Departments – BUT – what I really want is to do it for individual departments/portfolios – is it possible to customize individual portfolio and department “pages”?

[JMorris112]

Thanks, Serkan.

So the code in that link you attached…

1. If I go into Appearance –> Editor –> styles.css, I can see the code for TABLETS and DESKTOPS MEDIUM … is that where I add the custom code?
2. And if so, isn’t it going to change ALL of my layouts? I want to just change specific departments –> possible?
3. That post refers to PORTFOLIOS. I want to change DEPARTMENTS… does it apply to both?

Thanks again for your help!

[JMorris112]

Figured it out… try #101, one minute after I posted this. (Seems posting for help is the path to epiphany for me!) I selected my image on the page, clicked the Edit button, selected Custom from the Size drop down, and typed in the # of pixels (1,920 x 1,280). I don’t know why when the image was exactly that size, it didn’t just fit on its own, but, as long as it worked, I guess. Thanks.