Tagged: Image Gallery
-
AuthorPosts
-
May 14, 2014 at 2:24 am #264363
So the code below worked for the one site of mine using enfold. however it is not working on a different site. In posts I prefer to use the native wordpress image gallery and the images are all bunched up again.
http://www.pleinairbc.com/kimberley-plein-air-workshop/
Any ideas on how to get it to work. I am on Enfold 2.7.1
#top .gallery .gallery-item { width: auto; height: auto; }
- This topic was modified 10 years, 7 months ago by Michael.
May 14, 2014 at 2:44 am #264377Hi,
Does it happen with the default WordPress theme?
Cheers!
JosueMay 14, 2014 at 2:52 am #264386You ask the obvious and hard questions I see.
Checking…..
Ah, nope. Looks the same. It tells me there is something wrong, just not what.
Any ideas spring to mind?
May 14, 2014 at 2:55 am #264390Please understand that we need to discard if the issue is coming from the theme or not.
Have you tried regenerating the thumbnails?
http://wordpress.org/plugins/regenerate-thumbnails/Cheers!
JosueMay 14, 2014 at 2:56 am #264392AH, good call. This site has been up for a few years running a different theme. I’ll run that plugin and report back.
May 14, 2014 at 3:02 am #264400Good, let us know how it goes :)
Cheers!
JosueMay 14, 2014 at 3:22 am #264417ok, Interesting bit of info…
Regen thumbnails never fixed the issue. http://www.pleinairbc.com/kimberley-plein-air-workshop/
1. http://pleinairbc.com is running Enfold 2.7.1
2. My dev site using enfold 2.7 has the same issue. http://michaelking.ca/developer/test-gallery/
3. The site in which this css fix worked is running Enfold 2.6.4
I hope this can help narrow down the issue.
May 14, 2014 at 3:32 am #264426Hey!
Can you post a link to the site where its fixed (2.6.4.)?
Regards,
JosueMay 14, 2014 at 4:17 am #264443http://www.fraservalleyartists.com/reach-gallery-museum-show-winners/
I should add I have no caching plugins on dev site or pleinairbc.
- This reply was modified 10 years, 7 months ago by Michael.
May 14, 2014 at 4:25 am #264446Hi!
The CSS won’t fix it, it’s the image size (see the difference in the URL):
http://www.pleinairbc.com/wp-content/uploads/2014/04/doug_swinton_painting_oregon-80×80.jpg
http://www.fraservalleyartists.com/wp-content/uploads//2nd-Place-Janis-Eaglesham-Reclining-Nude-web-150×150.jpgMaybe re-sizing the thumbnail here:
Cheers!
JosueMay 14, 2014 at 4:29 am #264447That would mean I’d have to resize the image even on new uploads, which really isn’t an effieicent way to do things.
Fraservalleyarrtist and the dev site were new images uploaded after the theme. It works on one but not the other, doesn’t make sense.I have disabled all plugins but that isn’t an issue as the results are the same.
May 14, 2014 at 4:30 am #264449Wordpress default is 80×80 thumbnails.
May 14, 2014 at 4:32 am #264450Just resized the one to 150×150 with no luck. It updated the thumbnail image but not the size.
May 14, 2014 at 4:35 am #264451Hey!
Try changing it here:
Don’t forget to regenerate.
Best regards,
JosueMay 14, 2014 at 4:36 am #264452I’ll give that a go. but that is set to 80 on the fraservalleyartist site and it works. But hey, you never know.
be right back.
thanks Josue!!!
May 14, 2014 at 4:37 am #264453Then, the CSS fix will work:
#top .gallery .gallery-item { width: auto; height: auto; }
Just tested on my install.
Regards,
JosueMay 14, 2014 at 4:39 am #264454You da man!!!!!!!!!!!
Woot. Thanks a lot. I’ve been pulling out my hair on this one
I still find it odd that on the one site it works the settings for thumbs is 80×80 like you show but it works. We’ll see what happens when I update though. :) Will keep this close.
Over and out!!!!
May 14, 2014 at 4:48 am #264462You are welcome, glad we could help :)
Regards,
JosueMay 14, 2014 at 6:11 am #264488I’m back…. :|
It seems that making the default thumbnail 150 causes issues with the related entries in the blog area.
http://www.pleinairbc.com/plein-air-bowen-island-ii/
Ideas?
- This reply was modified 10 years, 7 months ago by Michael. Reason: added link
May 14, 2014 at 9:20 am #264544Hi!
I don’t see the related entries element in that post.
Best regards,
JosueMay 14, 2014 at 4:16 pm #264739Then we have a bigger issue than I thought. That link has the related entry tabs and look exactly like my screencap.
Please try again.
May 14, 2014 at 4:20 pm #264744OK, I was able to fix the image on the related post tab with the below css.
It still concerns me that the tabs do not show for you. Please confirm.
.avia-post-nav .entry-image img { height: 80px; }
May 14, 2014 at 4:34 pm #264751Hey!
Oh, you were referring to the posts navigation arrows, yes i do see it.
Regards,
Josue -
AuthorPosts
- You must be logged in to reply to this topic.