Picnik Editing Problems

  • 1
  • Problem
  • Updated 7 years ago
  • Acknowledged
Hi
I'm trying to edit an image with Picnik, I've tried clicking edit from the file manager and the widget but end up with a blank page each time, anyone else having trouble?
Photo of David

David

  • 465 Posts
  • 94 Reply Likes

Posted 7 years ago

  • 1
Photo of Marije

Marije, Official Rep

  • 4636 Posts
  • 237 Reply Likes
Hello David - could you let us know which browser you're using?
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
Hi Marije, I'm using firefox
Photo of Marije

Marije, Official Rep

  • 4636 Posts
  • 237 Reply Likes
Thanks David - I've quickly tested whether Picnik loads in my own account and I'm not experiencing any problems.

Could I ask you to check a few settings?
1. Check that your version of Flash is up-to-date: http://kb.adobe.com/selfservice/viewC....
2. Maybe clear your cache: http://www.google.com/support/account... (that sometimes helps).
3. Try a different browser or maybe restarting your browser might help.

If none of the above steps help at all, could you post your site's URL as well as the file name of the picture you're trying to edit so that we can take another look?
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
Hi Marije
I tried all your suggestions with the same result, the site is http://www.leathersolutions.org/ and the file name is Publication1.jpg, its on the site builder page but not published live at the moment.
Photo of Marije

Marije, Official Rep

  • 4636 Posts
  • 237 Reply Likes
Very strange - it all works well in Firefox on my side! Did a different browser definitely not help at all? Do you have another computer nearby that you can try? Did you make any software or configuration changes to your computer recently - new addons in Firefox?
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
I tried a laptop and it worked so its obviously computer specific, unfortunately I wanted to add some text to an image which I can now do but the text is slightly blurred and not good enough to publish so its been a waste of time.
I found this in an old thread

Here is a bit of code from Littleus that creates a box but you could get rid of the border and add a background image

<!--
<div style="border: 1px solid black; padding: 10px; background-color: #f5f5e2; text-align: center;"><font size="3"><b>About Me<br></b></font></div>

The following you can adjust to your liking:
The border size (1px)
The border look (solid) - it can be dashed
The border color (black) - you can also hex number [e.g. #54c4d3] or rgb [e.g. rgb(12, 130,15)]

padding (10px) - refers to the amount of space between the text and border edge

background-color (rgb(93, 196, 211))

* if you want a background image, then replace background-color with background: url(YOUR IMAGE URL);

text-align (center) - can be left, right

font-size (3) - number ranges from 1-5 (i think)

ABOUT ME - replace with your own text.
-->

but can't get the image to show, this is what I modified

background-url: http://sitebuilder.yola.com/restricte...;

which must be wrong somewhere but I don't know where, I would also like to be able to adjust the width and height if possible.

Thanks
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
OK through trial and error I'm nearly there this is the code I'm using

<!--<div style="padding: 5px; background:url(resources/Publication.jpg); text-align: center;"><font size="2" font face="Verdana"><b>MY TEXT<br></b></font></div>-->

My only problems now are the text isn't centred from top to bottom, I've played around with the padding, tried margin: 5px; padding-top: 5px; etc but can't get anything to work. The image tiles everywhere which I don't want.
Any ideas would be good
Thanks
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello David

Are you trying to center your image or your text vertically in your div box?
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
Hi Sanja
I would like to centre the text horizontally in the div box, at present I have more padding at the bottom than I have at the top, vertically its fine.
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hi David,
I have referred your request to Sanja. She will reply as soon as she returns online.
Cheers!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello David

Thanks for your patience and for clarifying what you'd like to do. The code you have shared above appears to have your text centered horizontally in the div box. Please take a look at my screenshot to see how your text is centered horizontally. Are you seeing something different?

Photo of David

David

  • 465 Posts
  • 94 Reply Likes
Hi Sanja
This is the actual code with my text included

<!--<div style="align: left; padding: 5px; width: 600px; height: 60px; background:url(resources/Publication.jpg); text-align: center;"><font size="2" font face="Verdana"><b>If your leather is dirty or damaged please contact Leather Solutions to arrange a home visit and quotation. We are also happy to offer free advise for any leather related query you may have.<br></b></font></div>-->

I had to insert width and height to stop it tiling, as you can see there is more padding at the bottom then there is at the top, this is what I would like to even out. If I decrease the height the rounded corners get cut off.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello David

Do you mind emailing support@yola.com and let me know where I can see this in your Sitebuilder and I will investigate this further. Please ATTN: Sanja. Thanks!