Support » Plugins » jetpack gallery is not using 100% width

  • Hello

    I am using localhost with wordpress and Jetpack 3.6.1
    I tried to create several galleries that suppose to use the full width of the content div but every time it is using the inline style with the same width:500px in the generated div (ex: class=”tiled-gallery type-circle” / class=”gallery-row”) .

    Example:
    http://s1.postimg.org/v6h8nz8j3/image.jpg

    tried to use various combinations like:
    SIZE (thumbnail/meidum/large/full size)
    Type (Tiled Mosaic/Square Tiles/Circles/Tiled Columns)

    The only option that is using the full width is “Thumbnail Grid” but I do not want to use it.

    I reinstalled the jetpack plugin after:
    removing the css entirelly.
    removing the functions besides the basic for menu in function.php.
    tried to use previous theme files I created that worked fine with full width.
    disabled all other plugins.
    tried the website online to see if some localhost configs are not set correctly.

    none of those worked.

    I do not want to hack / do workaround / do a patch in the function php file as suggested in the following link:
    https://wordpress.org/support/topic/jetpack-gallery-full-width?replies=3

    Did not find any solution

    Please Help Me 🙁
    I will appreciate your help.
    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Hagai Shaul

    (@hagai)

    anyone?

    Thread Starter Hagai Shaul

    (@hagai)

    Found the solution so one who faces the same issue can use it:

    Using the following link in the codex:
    Content Width

    added to theme function.php file the following code + setting the width as should be in the max size to screens:

    if ( ! isset( $content_width ) ) {
    	$content_width = #NUMBER#;
    }

    You should change the number to your max width container in your website.

    Lastly added the following code to the css:

    .size-auto,
    .size-full,
    .size-large,
    .size-medium,
    .size-thumbnail {
    	max-width: 100%;
    	height: auto;
    }

    Have fun!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘jetpack gallery is not using 100% width’ is closed to new replies.