Tiled Galleries

  • Resolved mdogano

    (@mdogano)


    12 years ago

    Hello there,

    I lately start using tiled galleries on self hosted wordpress blog. But i think there is something wrong with it. The problem is my content area width is 640 px. width of the div for the gallery is also 640 px, but the width of the pictures are 495 px. Which creates an empty space on right of it.

    Here is an example page: Roll down

    Any help is appreciated.

    https://www.ads-software.com/extend/plugins/jetpack/

Viewing 10 replies - 1 through 10 (of 10 total)
  • Thread Starter mdogano

    (@mdogano)

    I fixed the problem.

    tiled-gallery.php
    line 291
    $tiled_gallery_content_width = 500;

    simply change the 500 to desired width (in this case 640)

    Please consider this problem in your next update.

    Have a nice day.

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    You do not actually need to edit the plugin’s code. Tiled Galleries are built to fit your theme’s content width. You can define a specific $content_width value by adding the following code to your theme’s functions.php file:

    if ( ! isset( $content_width ) )
    $content_width = 800;
    Thread Starter mdogano

    (@mdogano)

    That works too.
    I revert my changes back, and add the code you gave.

    Thanks.

    dalibu

    (@dalibu)

    That change to functions.php works nicely. However, there seems to be a 2px margin it is introducing…. is there any way to make this 0? The link to the site above illustrates the issue: the column is 640px, yet the rectangular gallery is 636px wide


    <div class="gallery-row" style="width: 636px; height: 309px;">

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    there seems to be a 2px margin it is introducing…. is there any way to make this 0?

    You should be able to adjust the width of the Gallery row with CSS.

    dalibu

    (@dalibu)

    It seems possible to remove the margin on the left side through CSS, but I have not been able to remove the right margin. I have tried different width settings and margin settings. Can you help?

    Here is an example page: Jetpack Tiled Gallery Test

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    I’m afraid I was wrong: removing the margin won’t help, since the images are actually automatically resized via javascript on each page load. The margins are also added dynamically, so I’m not sure you will be able to remove them.

    I have a theme called rue blog and blogshow however it doesnt work with blogshow plugin activated..
    is there or will there be a way around this?
    thanks
    robert
    rjnewellphotography.com/blog

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    @robertjohnnewell Could you please start your own thread, as per the Forum Welcome?
    https://www.ads-software.com/support/plugin/jetpack#postform

    Thank you!

    I’m afraid I was wrong: removing the margin won’t help, since the images are actually automatically resized via javascript on each page load. The margins are also added dynamically, so I’m not sure you will be able to remove them.

    But why the javascript put 4, 5 pixels in right side? Even when I try cheat and put $content_with bigger but doesn’t work either. The weird thing is before dom ready (before javascript put gutter between images) the total size is right:

    Before js: https://i.imgur.com/erTJ1Uj.jpg
    After js: https://i.imgur.com/MZFy57M.jpg

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Tiled Galleries’ is closed to new replies.