Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #83956
    Petr Sabata
    Member

    Inline galleries used to work just fine on my site () with Catch Box theme. I’m not sure when it started but now they display images in one column only. When I tried to switch to Twenty Fifteen it started to work again. Any ideas? Thanks…

    #83957
    Mahesh
    Participant

    Hi @Petr Sabata,

    Please post in your site url.

    Regards,
    Mahesh

    #83968
    Petr Sabata
    Member

    Hi Mahesh, I’m sorry for the missing URL, here it is:

    http://csszo6-11.cz/2008/11/19/expedice-jamina-2008-10-19-9-2008/

    #83974
    Mahesh
    Participant

    Hi @Petr Sabata,

    This is a bug and will be fixed in the next update. For now please go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS.

    #content .gallery-item {
        display: inline-block;
        margin: 0;
    }

    Regards,
    Mahesh

    #83976
    Petr Sabata
    Member

    Thanks, that worked.

    #84152
    wwwalker
    Member

    Yes that worked for my sites too. That took about 2 days to find out!

    Now the caption screws up the layout. Instead of wrapping and having each picture in a 1/3 of width box the caption does not wrap and if it is very long the box for the picture is very wide. There are still 3 columns but the columns are even depending on caption length.

    So the CSS suggested was not complete. It needs something to force 33% width so the caption wraps.

    Also the picture should be top aligned and not pushed up if caption is too long and pushes up picture.

    I will have to fiddle with CSS to get a better result with very long captions that are wider than the thumbnails above them.

    If you have the CSS answer please give it.

    #84154
    wwwalker
    Member

    See mepsa.org gallery photos 2014 to see lousy long caption layout with above CSS.

    Caption does not wrap and forces width of box to be very wide and make 1 to 3 columns per row.

    #84158
    wwwalker
    Member

    I came up with CSS:

    #content .gallery-item {
    display: inline-block;
    margin: 0;
    width: 33%;
    max-width: 300px;
    vertical-align: text-top;
    }

    #84291
    Mahesh
    Participant

    Hi @wwwalker,

    Sorry for the late reply.
    That’s great to know that you’ve found the solution to your issue by yourself. I was about to check your site but seems your site’s down with message “Error establishing a database connection”.

    Let me know if any problem.

    Regards,
    Mahesh

    #84313
    wwwalker
    Member

    Yes. I just changed hosting but had to update database connection string. That is now fixed. I only just found my database error when I tried to open site on new hosting with database connection error. It is now fixed. You can check it now if you like. Site looks fine on new hosting and with software all fixed up re WordPress etc.

    Saga is over of updating site, moving hosting and delegating domain.

    #84326
    Mahesh
    Participant

    Hi @wwwalker,

    Yes, now its working fine.
    Have a nice day!

    Regards,
    Mahesh

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Inline gallery display only one column’ is closed to new replies.