Thumbnails too large for WP Theme Twentyfourteen

[pitshop]

I am testing the Photo Seller Plugin within the WP Theme 2014. Unfortunately the thumbnails of the photo seller gallery are just a little bit too large. Thats why there are always two culumns of photo-rows, e.g. in a gallery instead of 3 columns which would look much nicer. please check here: [http://imageshop.knsemedia.com/?page_id=143]

How can I adjust this?

[Peter]

Hi,

Our templates will automatically adjust the number of columns based on the space available on the page. In your case, you have 2 sidebars which are taking up space so the template has calculated that it can produce only 2 columns.

I recommend that if you would like to display more thumbnail columns, you should select another WordPress page template for the gallery pages. (ie, perhaps one with a full-width page settings or remove one of the sidebars)

[pitshop]

thank You @peter for Your answer. I already removed the sidebar on the right, but this does not help. Also changing the template for the full site version does not change. Pls. see:

[http://imageshop.knsemedia.com/?page_id=100]

I think the reason is the design of the theme.

I understand that it’s not possible to adjust the size of the thumbnails in “Photo Seller” isn’t it?

[admin]

Even though your page is wide the main content section is limited to 474 px. The following CSS is in the theme’s style sheet:

.page-content {

margin: 0 auto;

max-width: 474px;

}

Take a look at the paragraph of text that you have at the top of that page. It will give you an idea of what is the maximum usable width of that page.

Maybe use a custom CSS tweak like the following to increase your page’s width?

.page-content {

max-width: 560px !important;

}

You can use the following plugin to add custom css tweaks:

http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

[pitshop]

I already did this in the CSS before (max-width: 474px; …. and other stuff) but this theme is very tricky. On the full page I can display 4 columns of fotos …this works. But as soon as there is the right sidebar it’s not possible anymore… even if I do 650px or even when I try with 90%, it never could show more than 2 columns, although there would be space enough.

[Peter]

Change the CSS class name and width as per below and it should solve your issue:

.entry-content {

max-width: 674px !important;

}

I just tried it using firebug on your site and it looks good.

[pitshop]

thank You Peter – What do You mean with: “You tried on my site”? Do You have access to my site?

I made Your recommended “entry-content” change in the CSS. The result You can see on my page. As I already wrote one of my last postings: It works only on the full width page, but in the normal template there always 2 columns.

[wzp]

What @Peter means, is that he used Firebug to make local (to his browser) CSS changes, to the pages sent from your site, to his browser. We’re not the NSA or GCHQ:

http://www.tipsandtricks-hq.com/how-to-use-firebug-to-modify-your-wordpress-sites-css-video-tutorial-4037

Start at about the 2:45 minute mark in the video, to see what he means.

[pitshop]

Thank You for Your information regarding the firebug… interesting tool.

Did You (@peter) test the css-change with the normal template or only with the full width template ?

[Peter]

Hi @pitshop,

I can’t remember if the page was the normal or full-width.

Can you create another test gallery with the problematic page and provide the link and I will try again using firebug and let you know.

[pitshop]

Hello @peter – thank You for Your answer. The link is in this thread : 3rd position.

[Author]

Posts