• Resolved marcgott

    (@marcgott)


    When I add a standard WordPress gallery to a post, thumb images are shown in multiple column and row. I want to display them in one line. Like in a single row with arrow in both corner(next/prev arrow) so that I can scroll to the side for more images.

    Here is a link to one of the pages so you can see it is in two lines. http://jasmynarabians.co.za/index.php/portfolio/jasmyn-katja/

    I do not want to use an extra plugin where i have to add code from the gallery to the post, because I am making a website for a client and they would not be able to do it like this. that is why i want to use the standard gallery.

    Is it possible? and I would I do it. Is it possible with CSS only.

Viewing 8 replies - 1 through 8 (of 8 total)
  • you want to resize the big bottom picture and display it in the upper row ?

    Thread Starter marcgott

    (@marcgott)

    Sorry changed it back now. thought i had it fixed but wasn’t working. there is 5 images in the top row and 4 in the bottom row. I want everything in one row so that i can scroll through them. and when i click on something it should still open with lightbox.

    The plugin i had was doing the job, but then i can’t open it up with lightbox. it opens up on another page

    You need to install lightbox plugin to do that, however you can alternately code it for yourself(which isn’t recommmended).

    for the photos to display in a row, try adding this in your theme’s css file(make a backup copy of it before changing anything or add this code directly in your child theme) –

    grid_item.kad_gallery_fade_in gallery_item {
    float:left;
    height:100px;
    width:100px;
    }
    Thread Starter marcgott

    (@marcgott)

    Did something else. I added a plugin called ‘WP Canvas – Gallery’ and it is doing what i want, the lightbox is also working, but for some reason it shows there is 19 photos, but there is only 9 images. I don’t want it to keep going it should stop at 9 photos. or at the amount of photos there is in the gallery

    still on the same page
    http://jasmynarabians.co.za/index.php/portfolio/jasmyn-katja/”

    Do you maybe know what could cause this.

    Each image is being copied and displayed that’s where the redundant photos are coming from. Or may be you might have missed something in the lightbox config. Look into the lightbox plugin.

    Thread Starter marcgott

    (@marcgott)

    I have installed it onto another wordpress site without lightbox plugin and it does the same on the other site. I think it has something to do with the WP Canvas – Galley Plugin, but went through all the settings but can’t find anything, I think there might be a problem with the code of that plugin.

    Probably, You can try another plugin 🙂

    Thread Starter marcgott

    (@marcgott)

    Thanks for all your help. Figured it out. On the Plugin I edited the following file: wc-gallery/includes/js/gallery.js

    if ( $this.hasClass('wcowlautowidth') ) {
    					$owl.owlCarousel({
    						margin: gutterWidth,
    						loop: false,
    						dots: false,

    I Changed The Loop from true to False

    I appreciate the time you took to help me.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to display all standard gallery item in a single row with arrows?’ is closed to new replies.