yodielay

Have you tried using the full – width page template?

yes, I’m looking for this too!

Thanks for considerations for the wish list.

For the landscape images 150 high is fine. What’s happening is that the portrait image is being stretched, as 150 high for an image that is originally over 1000 pixels high and considerably less in width is creating a much narrower thumbnail. So I just went bigger (225 width and 300 high) for thumbnail generation. Still not as sharp as I would like it so looks like manually replacing the thumbnail files is the unfortunately best way to go.

Thanks for getting back to me.

I figured it out, in the sql table wp_options there’s two lines in there to adjust directory links. Now the trouble is setting up this stupid server to use the correct directory. I highly recommend against 1and1 hosting!

Ah, that is what I thought. Why it’s not working on my server remains a mystery. I will see how it looks in IE. (I’m on a mac, so always a bit of a pain to do.)

Really appreciate your timely response. So many forums I’ve posted questions and they never get answered! ??

Hi RavanH,
Thanks for the reply. No security plugins. I also tried deactivating nextgen and cross slide cross fade, to no avail.
You’re right, I was confused I guess because the rendered joannakwong css.php file link above looks the same as the code in the jquery.fancybox css. I didn’t notice that css file on the server, because it’s in a different directory.
The only link on the page to anything in the fancybox directory is a .js file.
So I guess I could just add the link to the existing css file instead of creating my own, but I’m wondering, why there is no link to this jquery.fancybox css file on the page, but to the css.php file one directory up? Is there a relationship between these files? I’m more of a designer and don’t always understand everything going on in php.

I don’t care about IE 6, Microsoft declared it dead recently.

Adding this for more clues: the css.php renders as a css file if I go into the WordPress admin and edit the plugin. I copied what was there and saved it as a .css file, linked to it in a custom header, and it works. Not the ideal solution, still curious as to why the css.php file won’t create what it is supposed to.

I am having the exact same problem! The css file is *there* but when you click on the link in the view source, it goes to the 404. Only 1 htaccess file that I could find which is for the wordpress directory. What permissions did you change on the wp-content folder? I have it set up to read/write/execute for me logged in, and read/execute for others (755).

I have also changed theme to 2011 (didn’t help), checked the ‘pdf’ file in the media page. I also don’t want the first cv link to go fancybox, just the ‘see all’ link. Thinking I need to create a separate page with the css embedded? ugh.

https://www.danamattson.com/cv/

9654 and 9664 also work and are bigger.

If you want your title and description to show up on top, and you’re using shutter (I didn’t try it with anything else), find your shutter-reload.js and change the showImg function to swap the title info and the image info.

showImg : function() {

		var t = this, S = t.I('shShutter'), D = t.I('shDisplay'), TI = t.I('shTopImg'), T = t.I('shTitle'), NB = t.I('shNavBar'), W, WB, wHeight, wWidth, shHeight, maxHeight, itop, mtop, resized = 0

to this:

showImg : function() {

		var t = this, S = t.I('shShutter'), D = t.I('shDisplay'), T = t.I('shTitle'), TI = t.I('shTopImg'),  NB = t.I('shNavBar'), W, WB, wHeight, wWidth, shHeight, maxHeight, itop, mtop, resized = 0;

You’ll likely have to add some margin to the top of the image to allow for the description to show up. I added 40 pixels to img#shTopImg in shutter-reloaded.css, but then I also hid the counter so I made it a bit less.

I figured out how to add the title below the image along with the caption.

With the template=caption in place on the gallery page, open view/gallery-caption.php in the plugin editor. Find
<a href="<?php echo $image->imageURL ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> >

and replace it with <a href="<?php echo $image->imageURL ?>" title="<?php echo $image->alttext ?><br /><?php echo $image->description ?>" <?php echo $image->thumbcode ?> >

So you’re just adding the echo alttext to the title area. I also tried using a php line break but couldn’t get it to work, so if you’re more clever than myself please improve upon this past midnight fix from a non-coding designer.

The most elegant solution would be to alter the javascript in shutter-reloaded.js which appears to write all this stuff. But I’m not that good at coding. So while it would be nice for the title of the image to appear above the picture, I’m not sure how to do that. Here is something to use until that nicety gets developed (hint, hint).

To prove it works (at least for me.. on my computer.. ) here is a link to the site I’m working on, example in dev.