8472 comments found.
hi there just want to ad an album but get this message “Justified Image Grid: The Facebook content cannot be displayed, the error from Facebook: Generic Facebook error.”
got my page up anything can do to trouble shoot?
Yes please contact me from my profile with temporary wp-admin.
Please reset my license for JIG, Thanks! I need it for another domain, old one is no longer required.
Done!
Read First Before you purchase this plugin! Those people don’t stand behind their product. Extreme unsatisfied. I paid for this plugin and instead nice images I have to REDO ALLL pictures because instead images I have the following note: All of the images have failed to load. This is most likely a TimThumb permissions error.
Go to the Justified Image Grid settings, TimThumb & CDN tab. Click check permissions then click 0755 or 0777 to see if that works (or do it manually via FTP, on the files and folders it lists there in case chmod fails). You can disable TimThumb with the ‘Use TimThumb’ setting and the option ‘No’.
Also read the troubleshooting guide in the documentation on what else to do, especially if you are using Hostgator!
If you are using a Better WP Security plug-in go to the Better WP Security settings, System Tweaks, Filter Suspicious Query Strings: Disable
Tip: Install the official WP plugin ‘Jetpack’ by Automattic and enable ‘Photon’. Jetpack enables you to connect your blog to a WordPress.com account to use the powerful features normally only available to WordPress.com users. It’s an excellent TimThumb alternative and will make your images load faster. Note that you won’t be able to use special effects due to cross-domain security limitations. Read more at: jetpack.me Be aware!
You realize how ridiculous you sound like? Having bought this at least 8 months ago and that was the last time you requested support. Now you come barging in here with false accusations without actually requesting support? Have you tried what the message suggests or just copied it here blindly?
You are having 403 errors on your images:
https://mysuitecruise.com/wp-content/plugins/justified-image-grid/timthumb.php?src=https%3A%2F%2Fmysuitecruise.com%2Fwp-content%2Fuploads%2F2014%2F12%2FFloor-map-Family-Junior-Suite-Quantum-Anthem-of-the-Seas.jpg&h=230&q=90&f=.jpgRedo what images exactly?
Are you using Hostgator? Simply contact their support via phone or live chat to report mod security blockage. Send them the faulty link to a thumbnail, from above.
If you are not on Hostgator but getting 403 errors then try adding these lines to your .htaccess file in the WordPress installation folder. Revert the modification if it has no effect and contact the hosting’s support.
<IfModule mod_security.c>
SecFilterEngine Off
SecFilterScanPOST Off
</IfModule>
Please update my license so that automatic updates will work at www.bmt.tv.
Thank you.
Done!
Thank you!
Hello Firsh, is there a way to autoplay youtube rss feeds? (when clicked on a image)
It autoplays for me, does it not for you? http://justifiedgrid.com/rss-feeds/ It depends on the player (html5 vs Flash, I think). The autoplay setting in JIG’s video player is only for self hosted videos and the WP built in HTML5 player.
Hello, I mean to autoplay youtube videos from rss feeds, is that possible? Because it does not for me.
I meant that too. On my link if you click a thumbnail in the first gallery, does it not autoplay? Sorry but you can’t influence that, youtube determines that. For me it autoplays by default, at least in magnific popup with the flash youtube player.
Hello, it does not autoplay when i click on a thumbail in your first gallery, So i guess there is no solution for it than
Do you have any browser addons for youtube or have you tried it in another browser? BTW people generally dislike autoplaying things.
Hello Firsh, I think I explained wrong. Youtube does autoplay when I click on a thumbail, but it does not auto play the one after, you understand me?
Oh that. Sorry that’s not a feature. Auto advancing the lightbox after the video has played is not possible with this setup sorry.
Any ideas on how to make this work with HHVM ? It’s like 600% faster then php 
On my site every other plugin works with it, just JIG doesn’t display images (reports it as timthumb error)
I’m not sure what that is but if you send me a link to your page with the gallery, I can tell you more info why the thumbnails fail.
Hi, fixed it by adding correct php fallback in nginx config.
Anyway little new problem now, on mobile it doesn’t serve scaled images… Url looks like:
http://domain.com/wp-content/plugins/justified-image-grid/timthumb.php?src=http%3A%2F%2Fdomain.com%2Fwp-content%2Fuploads%2F2014%2F04%2Fwhite-dress-gele11.jpg&h=720&w=1080&q=45&f=.jpgNotice the 720 and 1080 … That’s not correct way, right? gtmetrix also reports for mobile that none of the images are served scaled.
Any ideas what might cause this ?
They will never be perfectly scaled unless you would let your server generate exact image sizes every time a user resizes the window a little bit. Google photos does that but they have good servers with almost infinite capacity. If you resize those pages, 10-30 requests happen just for 1 single photo. There would be an uporar ig JIG did that, at the cost of gtmetrix no longer complaining about serving scaled images. JIG generates close enough sizes to not overwhelm your server that is calculated by the target row height + deviation. When thumbs are shown they can be shown up to that size but often a bit smaller.
Mobile thumbnail URL is correct because it’s the retina ready feature, up to 3x size, could be the original size of the photo even, but at low resolution to preserve the same or similar filesize. It’s the point of retina ready to serve like 2x images because the device can show 2x as many pixels on the same space. The fact that both width and height is present makes me assume you use a fixed aspect ratio or the randomize width option.
Hi,
Thanks for the great plugin! I’ve had this for several months and it has worked perfectly.
Recently I’ve made a few changes to the website and it has stopped working. The gallery gives the timthumb error screen, saying the images have failed to load. All of the images are giving 400 bad request errors. You can see the issue here on my development site: http://lab.sawtoothguides.com/2015/07/31/mid-summer-happenings/
I’m using Photon on my live site but I’d prefer not to use it as it affects the rest of the site.
I’ve gone though the troubleshooting for the issue – the folder has 755 permissions. I tried 777 and that didn’t fix it. The first time this happened, I seemed to fix the problem by removing a PHP version line from the .htaccess file. However, for some reason, this fix was temporary and now it’s stopped working again.
I can provide access to the admin site if needed.
Thanks!
I read through some other comments and found one that was related to using a server side Varnish cache. I turned off Varnish on the server and it now works. Varnish is a fairly common cache system – it would be great for the plugin to work with it.
Hi, do you have access to Varnish config? If so you could just exlcude the cache folder:
http://www.blinkdata.com/ignoring-a-folder-in-varnish/Otherwise, such as on “Optimized WordPress plan on Bluehost” or similar you might not have access to its settings.
I do in fact have the BH wordpress plan so I don’t think I have access to the Varnish config, but I’ll look into it. Sounds like a timthumb problem vs an issue with your plugin. Thanks for the response.
I’m interested in what happens if we rewrite the thumbnail url to a nice URL with .htaccess such as http://domain.com/jigthumb/w230/q80/path.to.image.jpg, would then the Varnish treat it as any other image? Behind the scenes it would still be a query string URL pointing to timthumb, but it wouldn’t be that obvious. If this helps with Varnish I’d have even more incentive to add this feature sometime. Would you like me to try this on your system, as a beta test of some sort?
I came across a similar workaround while searching for a solution, but it looked a little beyond my skills to implement. I think that might fix it as Varnish doesn’t seem to like the query string. I would be very excited to try this fix! Thanks for the great support.
Okay then let’s try it I’m interested in it as well! Contact me from my profile. At the easiest level I did this once a while back and it looked like this:
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^img/(.*)(:/)(.*)$ /wp-content/path/to/timthumb.php?src=$1://$3 [L]
</IfModule>
It could be done much better and nicer though. This is just a rough sketch.
Message sent via your profile. Thanks!
Got it.
Hi! Absolutely love your plugin and have recommended it to a handful of my friends! I was wondering if you can help me out. I want to know if it is possible to Link To the Attachment Page? If so, what are the steps to do so?
I am currently using the plugin here: prihm.com and would like the images used in the gallery to LINK TO the ATTACHMENT PAGE. I believe the current settings are LINK TO the MEDIA FILE. Where would I be able to change this? Thanks a bunch!
Hi, it’s an option in the lightbox settings. You can direct a click on a thumbnail to the attachment page instead of the lightbox. Lightboxes tab, first setting, just find that option. It’s only available for WP media library.
Hi Firsh, Thank you for your prompt response! I have that option selected: “Attachment: Point images to the WP image attachment page.”
Unfortunately, the image is still taking me to the MEDIA FILE page where the url ends in .jpg. See here: http://www.prihm.com/wp-content/uploads/2015/04/jc.jpg I don’t want to be taken to the media file.
I need the image to take me to the ATTACHMENT PAGE much like this image here http://www.prihm.com/home-2/wm-hall-reflections-on-the-range/ Notice the different url. This image is not in a JIG gallery but a singular image with a LINK TO: ATTACHMENT PAGE.The Attachment Page in the “image.php”
Solved! I just had to go to GENERAL SETTINGS and Select SELF under the CUSTOM LINK’S TARGET TAB
In case you had it on the non-default “Off, disregard custom links” option the yes you need to set it so. The attachment page link is treated as a custom link so you can influence where it opens. E.g. if you have a setup with comments or exif or any other data, but hidden menus, footer and sidebar you could open it as the contents of a lightbox.
Hi,
Great Plugin! Everything worked fine but now i´m getting the error “The requested photo source cannot be loaded at this time.” on every Gallery. (Using Flickr)
Contact me from my profile I’ll take a look at it. I’ll need a temporary wp-admin.
I am using this plugin to display Flickr photosets. These photosets are hundreds of photos, is there a way to use the show more to open a lightbox that displays all of the thumbnails, instead of going to a single image?
Put your sets into a collection. When showin collections with JIG, the conained photosets can be opened directly in lightbox groups. Then you can use this settings on the Flickr tab:
Open Flickr sets in lightbox
flickr_lightbox_set
Only when using the Flickr collections source! Open Flickr sets in the lightbox (on the same page, instead of linking to separate pages). Note: currently not compatible with Social Gallery lightbox.
Is it possible to place the show more button on the same horizontal line as, or at the end of the grid. My grid is only one row as i am trying to consolidate the output to a single row.
Put your sets into a collection. When showin collections with JIG, the conained photosets can be opened directly in lightbox groups. Then you can use this settings on the Flickr tab:
Open Flickr sets in lightbox
flickr_lightbox_set
Only when using the Flickr collections source! Open Flickr sets in the lightbox (on the same page, instead of linking to separate pages). Note: currently not compatible with Social Gallery lightbox.
hi, i dono why the thumbnails are not appearing when choosing FB albums. and i get the notorious ‘error loading cover photo’. i even noticed that when i add the FB user, the profilephoto of that fb page also doesnt load. but it says connection to FB is ok.
Which version do you have? Can you share a link please?
i just downloaded the latest one, 2.7 i get this error message when trying to authenticate. does it mean my server doesnt support SSL or something?
[11:10:04 PM] New cover picture found for the page: Sports Bandits. Refreshing icon…
it just keeps refreshing
URL is sportsbandits.com haven’t published any album yet though. what would u like to see?
Given URL is not allowed by the Application configuration: One or more of the given URLs is not allowed by the App’s settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App’s domains.
my site uses WPMU
hmm the path to the plugin is not that..
hmm i tested on this one and it works fine: http://statsportsleague.com/season3
From the docs:
Are you using HostGator? Contact their support to lift this restriction, send them these: http://support.hostgator.com/articles/pre-sales-policies/secfilterengine-and-secfilterscanpost http://wordpress.org/support/topic/timthumb-htaccess-fixedIt’ll be a server setup problme. It just arose in the Facebook cover photo department because you haven’t tried adding a regular JIG gallery that is not sourcing images from Facebook. Otherwise you would have received an “all image have failed to load” message that shares some pointers on what to do.
wow. thanks a lot
Let me know if it helped!
nope! the htaccess file i have is different
this is my htaccess.. and hostgator is unsure which rule to remove RewriteEngine On RewriteBase / RewriteRule ^index\.php$ – [L]
- add a trailing slash to /wp-admin RewriteRule ^([_0-9a-zA-Z-]+/)?wp-admin$ $1wp-admin/ [R=301,L]
RewriteCond %{REQUEST_FILENAME} -f [OR] RewriteCond %{REQUEST_FILENAME} -d RewriteRule ^ – [L] RewriteRule ^([_0-9a-zA-Z-]+/)?(wp-(content|admin|includes).) $2 [L] RewriteRule ^([_0-9a-zA-Z-]+/)?(.\.php)$ $2 [L] RewriteRule . index.php [L]
That looks like the standard WordPress details. They need to lift the mod security restrictions and not tinker with the .htaccess. The second link contains it.
Try to create a normal JIG gallery with not facebook but a media library image in it.
IT WORKS NOW! they whitelisted some stuff . no need to mod htaccess. i can sleep happily..
Great 
I’ve setup the plugin and the only change I made is to have the plugin use the gallery shortcode. Nothing is showing up, same when I add a gallery. website is millionairesconcierge.com/gallery-test and millionairesconcierge.com/service/gallery-test
Hi, it doesn’t show because an ulrelated JS error on the page. It prevents further scripts from loading. You have commented out loading prettyPhoto JS in the source:
<!- <script type=”text/javascript” src=”http://millionairesconcierge.com/wp-content/themes/milcon/tbs/docs/assets/js/jquery.prettyPhoto.js”></script> ->
Which in turn causes this JS error:
Uncaught TypeError: jQuery(...).prettyPhoto is not a function
JIG does load its own version of that script, but in the footer. By the time there is already this script in the page, that you could remove too:
<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function() {
jQuery("a[rel^='prettyPhoto']").prettyPhoto({
deeplinking: false,
});
});
</script>
Thanks for the quick response. I’m not really sure how to fix this, but I’ll try.
Let me know how it goes. All the info is in my comment above. Who commented out the prettyPhoto script? You should be able to find the corresponding snippet I copied and disable that too (or re enable theme’s prettyPhoto).
my challenge is somebody customized this theme and I now have to dig through and see where these things are happening. I tried reactivating prettyphoto with no luck.
functions.php index.php maybe? or header.php
Hi, Is there any possibility to enable / connect Instagram link to the Social Media sharing options? Thanks, Martin
Hi, out of the box, no. With custom coding you could add anything there. Does instagram have a live social sharing button like Facebook and Twitter?
Hi and thanks for replay!
Instgram have ”Follow” option – have a look at my clients site: https://instagram.com/autoropa/
You will se a Follow button on top. Its getting very big in Scandinavia and Europe… so you might concider ad it on. I for example need it badly for a page we are doing now for my client. (and I am no coder, so no custom coding for me.
All the best Martin
I see, but is that button available as a “copy paste to your site” widget? That changes state if you are currently following that account? Never seen that before. Also, is there a URL at which to land and auto follow that user or similar? I’m not that much of an Instagram user myself sorry.
Hi, yes… they have “badges”.. here is for example code I would like to link to my clients instagram page:
<style>.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 60px; } .ig-b:active { background-position: 0 -120px; }
.ig-b-32 { width: 32px; height: 32px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-32.png) no-repeat 0 0; }
@media only screen and (webkit-min-device-pixel-ratio: 2), only screen and (min-moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-32 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-32@2x.png); background-size: 60px 178px; } }</style>
I could send proper code in mail or similar i suppose… the above might be corrupt.
While it seems like just an image, I could add this for you as a customization. Contact me from my profile.
Ok, great, message sent.
Replied.
Hi, Is there any possibility to enable / connect Instagram link to the Social Media sharing options? Thanks, Martin
Hi, out of the box, no. With custom coding you could add anything there. Does instagram have a live social sharing button like Facebook and Twitter?
Hello, use your plugin with this other component. Social Gallery WordPress Photo Viewer Plugin
not understand a feature.
Use Albums facebook.
Comments and i like the photos. They should not synchronize?
I comment the pictures on the website -> comment in photo albums facebook appear
and vice versa.
I put like on facebook photo album -> like appear in the website photos.
right?
this thing is not working.They are not synchronized.
Best Regards
R.
Hi, they are counted separately. It’s not possible to like a Facebook object (photo) without being on Facebook. It’s the same image but on a different site (not Facebook). Therefore they can’t by synchronized and the like count for your photo as it appears on the website is counted separately.
Can I add animated gif? and animate when mouse hover?
Yes, see imgur and tumblr examples: http://justifiedgrid.com/rss-feeds/ They are all either frozen or playing, but mouse hover does not change them.
Hi,
I get the “All of the images have failed to load.“ error when trying to display my Flickr feed. Writing permissions are fine, no caching system installed.
Any ideas on how to solve this?
the link is at http://www.chrisxie.com/portfolioworks
Hi, a single thumbnail link is like this: http://www.chrisxie.com/wp-content/plugins/justified-image-grid/timthumb.php?src=https%3A%2F%2Ffarm8.staticflickr.com%2F7388%2F11892724556_09b3a5325b_h.jpg&h=335&q=90&f=.jpg as you can see it’s not found. Maybe it’s a security plugin? Something blocks your query strings as tht script on its own works just not with an image: http://www.chrisxie.com/wp-content/plugins/justified-image-grid/timthumb.php
Security plugins
Better WP Security settings > System Tweaks > Filter Suspicious Query Strings – Disable.Sucuri Security plugin > 1-Click Hardening – Do not use it.WP All in ONE Security: WP Security > Firewall > Additional Firewall Rules (tabs at top of page) > Bad Query Strings – Untick.Ok, so I bought this plugin because I thought it looked easy to adjust, but so far, I’m just disappointed.. I’m having real trouble making the galleries look like I want them, and it’s a real hassle searching this forum for custom CSS code for each and every little thing I can’t get right..
First, I’m using the Salient child theme, and am a complete noobie when it comes to WP, so I apologize in advance if I’ve screwed up anything obvious… I have “Spacing between the thumbnails: 0”. “Middle (spacing) border width: 10”. I am using “PhotoSwipe 4 by Dmitry Semenov (new)” and the option “Full: It can be too much as it will load the original size in the lightbox” for the lightbox. I am previewing in Chrome.
I’m gonna gave 30+ different galleries/portfolios, with different aspect ratios, so I really want to know how to solve this in the best and easiest way possible.
1. How do I make the whole gallery to be center aligned? I’ve been testing EVERYTHING, including ALL the “Incomplete last row” options, just can’t make it right..
2. The thumbnails keep jumping around (and even changing sizes, sometimes), when I minimize the window, to see the responsiveness. See screenshots here: https://www.flickr.com/gp/hertzen/T5w294 https://www.flickr.com/gp/hertzen/Xp5JV7 https://www.flickr.com/gp/hertzen/r978e4 https://www.flickr.com/gp/hertzen/hmM58RWhen I, for example, use “Normal: Try to fill width OR fall back to target height (visibly incomplete).”, the last two images in my gallery are changed to a larger size (https://www.flickr.com/gp/hertzen/djdncP)
When I use “Hide: Hide the incomplete row”, it hides images even though there is room left in the gallery, and it looks like this: https://www.flickr.com/gp/hertzen/N391Z5
Also, the following options make some of my thumbnails completely disappear at some points when reducing the browser window, and then they come back again when the window is reduced at max: “Flexible: Only when using Load More: same as hide, but allows the very last row to be orphan.” “Flexible + Center” “Flexible + Match” “Flexible + Match + Center”
When just playing around with the target row height, changing it to 400, it looks like this: https://www.flickr.com/gp/hertzen/04G947
The list just goes on and on; when using “Match + Center”, it looks like this: https://www.flickr.com/gp/hertzen/tv6T7tThe only option that doesn’t seem to hide any images during re-sizing the window is “Match”..
3. Is there any way to make the thumbnails adjust in size, so that they are expanded to full width when narrowing the window, like on mobile view? Or, are they always fixed in size? So, when the window is reduced in size, I don’t want the thumbnails to look like this: https://www.flickr.com/gp/hertzen/44Q493
I have tried to use the “Row height max deviation (+-)” option, but no matter what I put there, the thumbnail always end up very tiny, when previewing on a narrow window.. I just don’t want the thumbnails to become even smaller, when viewing them on a smaller screen..
EDIT: so, I (desperately) tried changing some other things; when I set the “Inner (on-image) border width” to 1, and the row height to 400, it seemed to solve the problem with the small thumbnails somehow, but of course something else is wrong; the border is cut at different spots: https://www.flickr.com/gp/hertzen/M0yh3Y
What if I want the thumbnails to be 200 in height in full screen on desktop, but fill the entire width on mobile?
4. When I preview in my browser, with the narrow window, and clicking my images in the gallery, I just get a black screen, with no lightbox showing the image: https://www.flickr.com/gp/hertzen/s1d8e0
Or, when looking at it at a different window size, it just ends up like this: https://www.flickr.com/gp/hertzen/v1Q696
I understand this originates from the option when using full image size in lightbox, but I want the images to fill the screen, no matter where you view them, and I don’t want to compromise and use a smaller image size, so it looks pixly and small on larger screens.. Also, when I try other options for “Maximum size for lightbox (the image will link to this size)”, like “Large (max 1024×1024): This should be best for most cases”, it disappears on a narrow preview window.. And, all the cropped options, not only do they crop in lightbox, but also in the actual thumbnail- are they supposed to do that? I really don’t want down size my images, as I want the viewers to be able to zoom in the artworks..
Is there any way to solve this?
Note that the most important thing I want, is for the gallery to always be center aligned, and have the thumbnails always spread out on the area, automatically adjusted in sizes and spacing between them.. And, to have everything else work as promised, of course..
Many thanks in advance, and I hope there is a solution to all these problems.
Best,
Viktor
1. Your theme is the one that aligns the gallery as a whole, on the page. It makes it centered by default, and it limits the width it can take up. JIG itself is justified (as the name suggests). Only incomplete rows can be centered, and you already found that. What makes your gallery messed up is a different issue. Once it’s solved, everything will look aligned and centered-justified.
2. I’m not getting that at all, however I saw that happen a few times on other sites. It’s when theme CSS defines paddings or margins for images so they have different dimensions than JIG calculates with. Or size of page is adjusted via JS, without window resize, after the page has loaded. Or browser zoom problem.
On your screenshots where there is a gap between the last 1-2 images, the following happens. The last 1-2 images are to be centered using left-margin. The last image in the first row is broken down to row 2. This makes the gallery look left-aligned. If the one image that breaks down, goes back into place, everything will look normal.
Why use “middle border” instead of “Spacing between the thumbnails”? Just use the normal spacing setting for whitespace between thumbnails. The middle border’s purpose is to provide space between an outer and an inner border. The middle border may cause problems when zooming with the browser or retina, without the presence of other borders.
Make sure the zoom level in your browser is set at 100%. What is the pixel density of your display? I see that it’s 2880×1800 resolution but what is the practical resolution of it (I’m assuming it’s retina).
3. Once the last-image breakdown problem is solved they’ll take up the entire row. Otherwise you just need to increase row height to like 500, 0 deviation and use the “disable cropping” setting as well.
4. You have some kind of smooth scolling solution that is conflicting with PhotoSwipe. It’s true that it’s bad when you resize it on dekstop, but if you don’t resize, but start with the narrow size right away, meaning you do a refresh, it’s fine. Can you disable the smooth scrolling thing? It’s supposedly in the theme and it’s only enabled above a certain resolution.
http://blogg.viktorhertz.com/wp-content/themes/salient/css/responsive.css?ver=5.5.4Line 1999
transform: translate(0px)!important;This should be removed. Since it’s using !important it’s difficult to override with Custom CSS.
None of the anomalies arise from the full image size option, that’s entirely up to you and the full version is recommended for content like this, actually.
The other cropped WP image versions are likely by your theme and yes they crop. JIG uses that image size you select, and if it’s cropped there is nothing it can do. Use the Full or Large size or a custom size that is non-cropping and in between these two (custom sizes can be added in the functions.php).
THANK YOU so much for the very prompt reply, much appreciated! Like I said, I’m completely new to this.. Now, most of the things seem to have been resolved, and I’m starting to get the hang of the plugin more and more..
Although, I’m still wondering how to take care of these things (I’ve been searching for answers in the discussion thread, but couldn’t find them):
1. How do I globally align the portfolio headline in the Page Header to the bottom? I just want to be able to adjust the space between the portfolio title and the rest of the content on the page.. Now, it’s automatically vertically center aligned, and when I change the page header height, the headline comes to close to the header..
2. Is there any way to make a headline and a smaller caption headline under it stay proportional in size? When I preview on mobile, they are practically the same size, but I want to keep the main headline larger than my smaller headline.. Or, if there’s some way to keep the same size for the headline, without making it shrink..
3. Is there any way to change the default page header bg and headline color for portfolios? Or, save a layout as a template, that I can use for all my new portfolios? It’s just a hassle to edit these things each time I make a new portfolio, since I’m always gonna use the same colors..
4. How do I align my top menu in the header to the left, but to the right of my logo, just next to it? I found a snippet of yours, but it made the menu go beneath the logo.. And, how do I adjust the space between the logo and the menu, if this is possible?
5. How do I right align my social icons in the footer, so that they are aligned with the menu in the header, to the right? (not sure which layout I wanna use yet, so I want to know how to do this too..)
6. How do I customize the horizontal sorting filter, and make it only black text (with another font and size) on white bg, centered aligned? And use custom highlighted and hover colors, so it’s easy to navigate? And also, remove the portfolio title to the left (in capitals), and choose which categories I want to display on this very filter? Also, is it possible to change the “Sort portfolio” text?
7. When previewing a portfolio (masonry style) on mobile, the thumbnails change aspect ratio, comparing to the regular layout- what if I want them the same, and have at least two projects in each row? Now, they come one at a time, and takes up the whole space, which is not the layout I want..
Again, MANY MANY thanks in advance, sorry for all the questions, but I appreciate it a lot!! : )
Best,
Viktor
Hmm, I now realize that some of these questions were meant for the team behind the main theme I bought- sorry! If you can answer any of the above, that’s awesome, but no worries if not!
1. Sorry, unrelated to JIG. Ask your theme’s support. Maybe this Custom CSS?
#portfolio-extra .divider {
display: none;
}
2. It should shrink that much, imho. Ask theme support for more info. http://blogg.viktorhertz.com/wp-content/themes/salient/css/responsive.css
around line 1316 is the CSS code for this.3-4-5. Sorry I don’t know, this is completely unrelated to JIG. The support provided here is not theme/WP consultancy :/
6. Do you use filtering in JIG? You can use the Filtering tab in JIG global settings and the available settings there including CSS. Let me know if you mean this. http://justifiedgrid.com/filtering/
7. JIG settings -> General tab -> Disable cropping. For me they show up 2 per row. You can use the mobile row height setting to set it to something smaller so more images fit per row.
Hi sir, Can we upload batch images for each album or we have to upload each photo at a time? and can i display the image with the caption(title) ?
Yes you can display the captions: http://justifiedgrid.com/captions-over-the-thumbnails/
Justified Image Grid itself doesn’t offer any bulk upload tools. There is a simple reason, this is not a gallery management plugin, but a display. On the other hand, it uses content sources where FTP upload in bulk is possible or can be achieved easily.
WordPress Media Library
WordPress doesn’t have an out of the box solution to bulk import photos to the Media Library or detect images in a directory. However, with a good old plugin it quickly becomes child’s play.
Install the free Add From Server plugin. https://wordpress.org/plugins/add-from-server/ It's old but works well.Upload photos via FTP to a folder inside the /wp-content/uploads/ directory.Go to Media > Add From Server screen.Navigate to your folder and tick the checkbox next to the File column label.Click the Import button. Your images are now in the Media Library.The plugin called Media Library Assistant is recommended to categorize or tag these in bulk, so it's easier to select them for display.NextGEN Gallery
It’s incredibly easy.
Create a new gallery by going to Gallery > Manage Galleries > Add new gallery button.Add a name such as cats then click OK button. It'll create a folder for you.Click Edit gallery in the notification at the top.Upload photos via FTP to /wp-content/gallery/cats/ folder.On the gallery edit screen click Scan Folder for new images. Thumbnails will be created and it's done.
