Increase gallery image size

andremalerba · Member · Oct 8, 2011 at 6:04 pm
Copy link

Add topic to favorites
The thumbnail enlargements are too small, but I cant find the code that deals with that. I tried using firebug but that didnt work either. Is there a separate section that deals with the gallery images? Blog LInk

The blog I need help with is: (visible only to logged in users)
timethief · Member · Oct 8, 2011 at 6:22 pm
Copy link
This is the link to support documentation on creating a Gallery.
This is a link to an excellent resource on working with Galleries. You will find two ways to increase thumbnail image sizes in that post if you scroll down to: “Can my thumbnail images be bigger?”
andremalerba · Member · Oct 8, 2011 at 7:17 pm
Copy link
Thanks but thats not really what Im asking. I mean that once you click on the thumbnail and get a bigger image that enlarged image is still too small.
justjennifer · Member · Oct 8, 2011 at 7:21 pm
Copy link
I notice that you’ve posted this in the CSS Customization forum, and therefore assume you have the Custom Design upgrade.

Manifest does have a very narrow posting column (500 pixels). Hopefully someone with CSS editing experience will be along to help you out soon.
timethief · Member · Oct 8, 2011 at 7:24 pm
Copy link
~~jusjuennifer
Thanks for catching that.
thesacredpath · Member · Oct 8, 2011 at 7:34 pm
Copy link
As Jennifer says, the width of the posting area in Manifest is 500px which means images cannot be over that width unless you increase the width of the theme entire theme, which can be done if that is what you want to do. If so, what width are you wanting?

Your other choice of course is to have the gallery images open in the browser instead of the attachment page, which will allow the image to open full-sized.
andremalerba · Member · Oct 8, 2011 at 7:46 pm
Copy link
What would I be looking for to increase the entire width?
thesacredpath · Member · Oct 8, 2011 at 8:09 pm
Copy link
OK, I’m seeing the problem. You have increased the size of the site from 500 to 750, but the attachment page images are still coming in at 500px.

On the CSS edit page, go down below the text area and make sure you have increased the maximum width for images and videos to 750 and then save the stylesheet again.

To make this change take effect, you might have to delete the gallery from the post and then reinsert it.
andremalerba · Member · Oct 8, 2011 at 8:47 pm
Copy link
Ill try that.
andremalerba · Member · Oct 8, 2011 at 8:56 pm
Copy link
Unfortunately even when I change the width to 700 and make a new gallery, the images remain the same size. I was able to change images inserted directly into the post to a bigger size via the CSS but gallery images don’t seem to want to change.
thesacredpath · Member · Oct 8, 2011 at 9:04 pm
Copy link
Staff need to look at this. The div for .gallery-image is showing full width (750px), but it is inserting the image at 500px wide.

What you can do as a temporary (well, permanent if you wish) fix is to add the following to the very bottom of your custom CSS.
```
.attachment-500x500 {
width: 750px;
}
```
thesacredpath · Member · Oct 8, 2011 at 9:07 pm
Copy link
I’ve tagged this thread for staff attention and hopefully they will respond and figure out a permanent fix.

And actually, instead of using 750px for the width, use 100%.
```
.attachment-500x500 {
width: 100%;
}
```
andremalerba · Member · Oct 8, 2011 at 10:09 pm
Copy link
@thesacredpath: worked great, thanks for your help.
andremalerba · Member · Oct 8, 2011 at 10:14 pm
Copy link
@thesacredpath: Im experiencing pixelation now, is there any way to avoid that? The uploaded images are 1000×667 so they should be more than large enough.
thesacredpath · Member · Oct 8, 2011 at 11:18 pm
Copy link
I should have mentioned that and that is why I mentioned it as a “temporary” solution. What is happening is that wordpress is creating a 500px wide image off of your original and that is what is inserted into the attachment page. We are taking that 500px image and scaling it up to 750px wide, so there will be a loss in quality since we are now relying on the browser to upsize that 500px image to 750px rather than on the wordpress software to create a new 750px wide image off the original.

As I said, hopefully staff will look into this and fix it and then at that point you can delete the CSS workaround.

One other thing you might do just as a test is to make a test page with newly uploaded images in a gallery and see if those newly uploaded images will show up at 750px. I say page rather than post so that it does not go out on your RSS feed or to any subscribers you may have since it is just a test.
andremalerba · Member · Oct 8, 2011 at 11:26 pm
Copy link
Figured it was something like that. Cool, Ill wait around to see if the staff fixes it. Thanks again.
timethief · Member · Oct 8, 2011 at 11:29 pm
Copy link
Cool, Ill wait around to see if the staff fixes it.

I’m not sure about what you mean by “waiting around”. It’s not likely that Staff will address this issue immediately. I’m not even sure that Themes Staff work 7 days per week and it’s Saturday.
thesacredpath · Member · Oct 8, 2011 at 11:34 pm
Copy link
I’ve posted a message to staff on this, so hopefully it will get to the theme team, but like Timethief says, it could be a few days and perhaps a week or so before it gets fixed (assuming they choose to fix it).
andremalerba · Member · Oct 9, 2011 at 12:06 am
Copy link
Lol, thanks. I dont mean literally sit here until they fix it.
designsimply · Member · Oct 10, 2011 at 2:27 pm
Copy link
It’s not so much that WordPress is creating a 500px wide image as it is the theme. I think this is a theme issue, but I need to do some more researching to find out. :)

I will dig a little and let you know what I find out.

No items found.