Thumbnail gallery with 1 column – width overflow problem

• 

  maayanagmon · Member · Aug 15, 2015 at 4:53 pm

  • Copy link
  • Add topic to favorites

  Hi

  I use gallery in my blog posts of the “Thumbnail” style, with full-size images and 1 column. The purpose is to have all images shown in order, with the maximum width of the container. The images are then showed with “Carousel” when clicked upon:

  This is the code:
  [gallery type="thumbnails" link="file" size="full" columns="1" ids="...,...,...,..."]

  The problem is that in:
  — Firefox and IE the photos overflow the maximum width of the post container.

  It does NOT occur with:
  — Chrome, Opera and Safari

  Link to an example post:
  http://www.thesecretaryblog.com/2015/08/the-scarf/

  I have tried several approaches, but could get anything to work properly. I have tried searching and looking up this issue but couldn’t find it.

  The blog I need help with is: (visible only to logged in users)

• 

  maayanagmon · Member · Aug 15, 2015 at 5:18 pm

  • Copy link

  OK, after playing some time with CSS, I found out that adding this solves the problem:

  .gallery-columns-1 {
    max-width: 100%;
  }

  Newbie question – where is the right place to add this?

• 

  justjennifer · Member · Aug 17, 2015 at 5:54 pm

  • Copy link

  meta name=”generator” content=”WordPress 4.2.4″

  If you need help for your self-hosted site using the WP software, you should ask over on theWordPress.org forums https://wordpress.org/support/

  WP and WPcom are separate entities. For further clarification please read: https://en.support.wordpress.com/com-vs-org/