Need help? Check out our Support site, then


Duotone - prevent activation of "horizontal" layout (always default to vertical)

  1. I've been using the Duotone wordpress.com theme for more than a month now. It's been performing well until a few days ago, when all the new posts that I publish were activating the horizontal layout scheme instead of the normal, vertical layout scheme. How/when does the theme know to activate the horizontal layout, and more importantly, how do I disable it?

    I've always scaled my pictures to 510px width (upon upload of original photos, which were usually 1024px wide), and I haven't changed how I upload and edited them. It started happening on January 27th, 2010, if that's any help.

    Should I instead be contacting the wordpress.com staff directly?

    The blog I need help with is nickjyc.wordpress.com.

  2. Yeah, I know where the support link is. I was just wondering if anyone else had this problem and/or knew the solution to the horizontal vs vertical layout problem.

  3. I can't give you any more help without looking at the blog, and it appears to be private. Do you mean how do you get colour along the sides? It's a strange issue with both Monotone and Duotone that I haven't been able to pin down.

  4. panaghiotisadam
    Member

    Normally (if you can call anything in these two themes normal) you don't colour along the sides if the uploaded image is wider than 800px.

  5. BUT...sometimes I've uploaded an image larger than that and it does have colour along the sides. And sometimes I've uploaded a smaller image and it doesn't have colour along the sides. They are really touchy themes and I can't pin down what it is that's setting off one vs the other.

  6. panaghiotisadam
    Member

    @rain: Now compare this:

    http://lolebrity.files.wordpress.com/2009/12/katy-perry-santa-claus.jpg

    with this:

    http://lolebrity.files.wordpress.com/2009/11/daniel-craig-flanders.jpg

    Santa (color all around) is 800, Flanders (no color along the sides) is 886: both in accordance with what I mentioned above.

  7. Ah, that makes sense. ALL the issues I've been having with both themes appear to apply to resized images. Thanks for the clarification.

  8. panaghiotisadam
    Member

    You're welcome! (I suppose you mean resized after uploading. My 800px limit refers to the actual files you upload.)

  9. Unfortunately, it's more complicated than that. I use an online image editor called Picnik and while I love it, when I resize using it, and upload the resultant image, somehow the theme seems to realize the image has been resized even though it's only ever seen the larger image. Wish I knew how that worked.

    See here:
    http://lolebrity.net/2010/01/28/kermit-d-perv/
    Where the image busts out on the right.

    This one hasn't been resized at all, is 500 px wide, and still has no frame on the sides:
    http://lolebrity.net/2010/02/03/claire-danes-is-a-handful/

    I just don't get it.

  10. panaghiotisadam
    Member

    Whoa! Never seen that before - at least not in Monotone. (I'm talking about Kermit; the other one is ok, it's just black on black.)

    Yeah, there's somethingg weird going on. I open this:
    http://lolebrity.net/wordpress/wp-content/uploads/2010/01/Kermit-is-Kermispated.jpg
    and get a 936px wide image. I copy to desktop and get a 650px wide one.

    But I'm not familiar with Picnik. Is is a free application?

  11. panaghiotisadam
    Member

    Weirder still: when I first pasted the above link in Safari, it was 936; paste again, 650! I don't get it either. Got to go to work now - will return to this when I get back.

  12. panos,

    It's weird that you get a wider image in Safari... I gotta check that, but in Fx, the image is 650px wide... interesting.

    rain,

    One of the things I will never understand is why wordpress adds querystrings to images ( ?w=xxx&foo=bar, for instance). The source value of your image tag has this:

    http://lolebrity.net/wordpress/wp-content/uploads/2010/01/Kermit-is-Kermispated.jpg?w=560

    Edit that part by removing the "?w=560" then the theme should adjust for that image. Currently, the container for that specific image is 560 wide... so I bet that qs is confusing the theme.

    Try removing that and see if that fixes you issue.

  13. Thanks. I did that when I moved the blog over to the new server. I edited every single one of the images on that blog. UGH. But it looks like the independent WP is screwing with the images just the way WP.com does.

    Yes, Picnik is a free online app: http://www.picnik.com/ which I love. Sure hope I can figure out how to keep using it, as I have no graphics program on this new laptop.

  14. I tried removing the ?w=560 and there's no change. Because when I look at the code, it's not there. I removed both height and width attributes, and this is what the code looks like in the Edit box:

    <p align="center"><img class="size-full wp-image-798" title="Kermit is Kermispated" src="http://lolebrity.net/wordpress/wp-content/uploads/2010/01/Kermit-is-Kermispated.jpg" alt="Kermit sez it ain't easy being green" /></p>

  15. Forgot to say that if the theme "requires" a qs in the image, then change the value to 650.

  16. weird... this is what it looks in the source:

    <img src="http://lolebrity.net/wordpress/wp-content/uploads/2010/01/Kermit-is-Kermispated.jpg?w=560" class="size-full wp-image-798" title="Kermit is Kermispated"   alt="Kermit sez it ain't easy being green"    />
  17. Try "forcing" the width then by changing/adding the qs with a 650 value.

  18. Ah, okay. Thanks. Will give it a go.

    Nope. No change. Should I add ?w=650 AND the width and height parameters at the end of the code?

  19. Try forcing the width without adding the width and height attributes, just add the ?w=650 so your code looks like this:

    <img src="http://lolebrity.net/wordpress/wp-content/uploads/2010/01/Kermit-is-Kermispated.jpg?w=650" class="size-full wp-image-798" title="Kermit is Kermispated"   alt="Kermit sez it ain't easy being green"    />

    see what happens.

    If that doesn't work, then try deleting the image tag only. Save the document, then paste the img tag back without the "?w=xxx" part. Save again. See if that does it.

  20. Deleting it gave me this:

    Warning: imagecreatefromjpeg() [function.imagecreatefromjpeg]: gd-jpeg: JPEG library reports unrecoverable error: in /home/lolebrit/public_html/wordpress/wp-content/themes/monotone/functions.php on line 235

    Warning: imagecreatefromjpeg() [function.imagecreatefromjpeg]: 'http://www.assoc-amazon.com/e/ir?t=raincoast-20&l=ur2&o=1' is not a valid JPEG file in /home/lolebrit/public_html/wordpress/wp-content/themes/monotone/functions.php on line 235

    Warning: imagesy(): supplied argument is not a valid Image resource in /home/lolebrit/public_html/wordpress/wp-content/themes/monotone/functions.php on line 237

    Warning: imagesx(): supplied argument is not a valid Image resource in /home/lolebrit/public_html/wordpress/wp-content/themes/monotone/functions.php on line 239

    Warning: imagecolorat(): supplied argument is not a valid Image resource in /home/lolebrit/public_html/wordpress/wp-content/themes/monotone/functions.php on line 251

    Warning: imagecolorat(): supplied argument is not a valid Image resource in /home/lolebrit/public_html/wordpress/wp-content/themes/monotone/functions.php on line 252

    Warning: imagecolorat(): supplied argument is not a valid Image resource in /home/lolebrit/public_html/wordpress/wp-content/themes/monotone/functions.php on line 253

    Warning: imagecolorat(): supplied argument is not a valid Image resource in /home/lolebrit/public_html/wordpress/wp-content/themes/monotone/functions.php on line 254

    Warning: imagecolorat(): supplied argument is not a valid Image resource in /home/lolebrit/public_html/wordpress/wp-content/themes/monotone/functions.php on line 255

    Warning: Cannot modify header information - headers already sent by (output started at /home/lolebrit/public_html/wordpress/wp-content/themes/monotone/functions.php:235) in /home/lolebrit/public_html/wordpress/wp-includes/pluggable.php on line 868

    Not exactly ideal.

  21. Isn't it usually me who lectures people about hijacking threads? Oh well. Crankiness has its privileges, I guess.

  22. boy, there's some stuff going on with that theme... I wonder why it's using GD, it seems it's creating images on request... just a guess.

    I went through your blog and those pages were the images overflow, have the same "?w=560" qs... again, it might be a bug in the theme.

    To me, it seems like a bug... you might want to contact the author and let him know about this.

    Sorry I couldn't be of much help.

  23. Thanks. I'm going to take next weekend and learn to hack the Duotone theme, which I like better, so it works on an external blog. Apparently it takes SOME doing! If I kill the blog, rest assured I have your email and will come screaming for help.

  24. Sure thing. Also, as soon as I finish this project I'm working on, I'll download your theme and look under the hood to see if it's something I can fix, or find a way around the problem without you having to do anything to the .php files.

  25. Thanks. I found the best guide to fixing it, and want to take a shot at it myself. Let me run my tweaks by you before you go to that work.

    http://wordpress.org/support/topic/346122
    http://www.stilemosso.it/2010/01/duotone-theme-for-wordpress-on-self-hosted-instances/

  26. panaghiotisadam
    Member

    @rain: I resized an image in Picnik, uploaded and inserted it to my test blog (with Duotone on), no complication whatsoever. But then again, the image was from my scanner/computer; maybe the ones you've used include some info that isn't wiped out by Picnik like it would be if edited in Photoshop. Could you give me the link to where you got the Kermit pic from?

    Another thing: I noticed in the source code of your pages that the insertion option wasn't always the same - one of the images was "large", another one "fullsize" and so on. In Monotone these have no effect; maybe it's not the same with Duotone, so I'll have to experiment and see if these make any difference.

    @devblog: see here for the background to the story (with which I suppose you're familiar). The latest complication is that a width qs now shows up in the source code even when you delete it in the html editor (except in flexible-width themes). What's worse, the number isn't the actual width of the inserted image but the supposedly maximum for the theme you're using (which again is often wrong, as I've shown in this post).

    I sent a ticket re this two weeks ago, and got this reply:

    "This is intentional. If there is a problem with image quality, please send us a copy of the original images as an attachment and also send us the URL where you are using the image on your site."

    I sent them a link to a demonstration post I prepared, sent them the image, gave them extra details too, - and I'm still waiting for a reply. Starsquid also sent a ticket a on this couple of days after me, asked about it in the forum yesterday, and was told by staff that this query is on queue...

  27. The latest complication is that a width qs now shows up in the source code even when you delete it in the html editor

    Yeah, that's why I suggested to "force" the width to 650 in the qs... I don't know if she tried that, though.

    I too thought that probably the photo would contain some info that it would be taken by the software, but when I downloaded the image the basic info reflected its correct width: 650px. So I don't understand what's the deal.

    Deleting the image gave rain those nasty warnings, that means the theme coudln't parse the image - which is kind of weird too - to get its dimensions...

    Strange theme this is...

    When I finish the project I'm working on, I'll download it and check under the hood to see what's going on... Now, I'm curious.

  28. Ok, I just got word from Noel (the designer of Duotone) - apparently my issue was that it was a bug in private blogs, so Noel kindly fixed the bug for me. Now I'm curious as to see what the maximum width for an image would be without triggering the horizontal layout. I'm going to experiment.

Topic Closed

This topic has been closed to new replies.

About this Topic