Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

Thumbnails too large for WP Theme Twentyfourteen

by

Tips and Tricks HQ Support Portal › Forums › WP Photo Seller › Thumbnails too large for WP Theme Twentyfourteen

Tagged: gallery display, thumbnail size

  • This topic has 10 replies, 4 voices, and was last updated 9 years ago by pitshop.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 6, 2014 at 6:50 pm #9965
    pitshop
    Member

    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?

    March 6, 2014 at 11:44 pm #61347
    Peter
    Member

    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)

    March 7, 2014 at 9:35 am #61348
    pitshop
    Member

    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?

    March 8, 2014 at 2:08 am #61349
    admin
    Keymaster

    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

    March 8, 2014 at 12:15 pm #61350
    pitshop
    Member

    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.

    March 9, 2014 at 2:00 am #61351
    Peter
    Member

    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.

    March 12, 2014 at 5:55 pm #61352
    pitshop
    Member

    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.

    March 12, 2014 at 6:04 pm #61353
    wzp
    Moderator

    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.

    March 13, 2014 at 8:15 am #61354
    pitshop
    Member

    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 ?

    March 13, 2014 at 11:06 pm #61355
    Peter
    Member

    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.

    March 15, 2014 at 2:13 pm #61356
    pitshop
    Member

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

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • WP PDF Stamper Documentation
  • WP Photo Seller Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial
  • WP Photo Seller Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2023 | Tips and Tricks HQ