Can’t set column number

  • Resolved nadjakuschel

    (@pinkerstern)


    5 years, 6 months ago

    Hi there!

    Thank you for this plugin. So far I got it working. But it is showing the images very small and all in one row. Even if I set the number of columns to 3 and the size of the images to full size, it is showing the pictures all in one row and therefore very small.

    Can someone tell me how to change that? I want 3 images in a row.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi,

    Could you post a screenshot please or send a link? Sorry I missed the link at the bottom. I’ll give you a fix in a bit.

    Hi again,

    The width of the gallery is based on the width of the wrapping div.

    You need to add some custom CSS to adjust the width of the gallery unless there is a setting in your theme for this. You can do this two ways.

    For your site, you could add these lines to your CSS file. 600px is the max gallery width of your choosing.

    .contentarea{
    max-width:600px !important;
    margin:auto !important;
    }

    But this will affect all your pages. So if you want to be specific you can wrap your gallery in a div as below:

    <div class=”mypsgal”>
    [gallery ids="31,30,29,28,27,26,19,18,16,15,14,12"]
    </div>

    Then add this to your CSS

    .mypsgal{
    max-width:600px !important;
    margin:auto !important;
    }

    And it will only update your gallery.

    I will add new wrapping div to the plugin soon.

    Let me know how you go!

    Thread Starter nadjakuschel

    (@pinkerstern)

    Hi again!
    Unfortunately I couldn’t get it work.

    I put
    .mypsgal{
    max-width:600px !important;
    margin:auto !important;
    }

    into the box in my theme where it said “Custom CSS” on the “View Option” Settings Page.
    I also dried updating the ‘style.css’ and the ‘theme.css’ of my theme by down- and uploading it via FTP but this didn’t work either.

    And put
    <div class=”mypsgal”>
    [gallery ids="31,30,29,28,27,26,19,18,16,15,14,12"]
    </div>

    in the text field of the page with my gallery. No change.

    Thread Starter nadjakuschel

    (@pinkerstern)

    Okay, just found the Settings option for PhotoSwipe in my dashboard. I didn’t know there is one. Maybe mention this next time ??

    The thumbnail width was set to 150. I changed it to 300 and it looks how I want it to!

    No need to change my CSS file or wrapping my gallery into DIVs.

    Easy.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Can’t set column number’ is closed to new replies.