Pixel Editor 1.0.0 Beta

[Crankcase]

What do you mean by place yootil above the plugin? 
 
    [EDIT] I am using safari with a Google search engine on an apple device.

[Boy_Wonder]

So for example on your plugin list the order should be

Yootil
Pixel Editor

[Lynx]

Dec 15, 2016 13:03:59 GMT -8 Crankcase said:

What do you mean by place yootil above the plugin? 
 
    [EDIT] I am using safari with a Google search engine on an apple device.

When you go to Admin > Plugins > Manage, your currently installed plugins are in a list. You need to make sure the plugin named Yootil is above this plugin - as plugins are loaded from top to bottom. If Yootil is not above this plugin, then this plugin won't be able to find what it needs from Yootil to run properly.

Rule of thumb around here: Just put the Yootil plugin at the very top (first item) in your plugin list and keep it there.

[Crankcase]

K, thanks guys

[caladrius]

This works well. The only problem I had was not realizing that I had to create the post FIRST and then add the pixel edited image. I must’ve tried about half a dozen times before I figured this out.

i also wish the FILL brush would just fill in a bounded area instead of the whole box. Then, I’d be able to paint faster.

I was wondering if there was any way to make the yootil button bigger. Right now, it’s so tiny you could easily miss it.

[Peter]

caladrius,

You can use some CSS and increase the size most likely. Just inspect the image to see how you can target it.

[caladrius]

Oct 1, 2020 6:03:35 GMT -8 Peter said:

caladrius ,

You can use some CSS and increase the size most likely. Just inspect the image to see how you can target it.

I wasn't really sure how to do this.

So, I did this:

1. From my Firefox browser, I right-clicked on the Yootil pixel editor icon and clicked on "Inspect Element." This brought up the HTML code.

2. I found the line where it references a 16x16 image from storage.proboards.com. I right-clicked again on that line to "Edit as HTML."

3. I replaced that reference with one of my own images from Cloudinary.

4. I don't remember how I was able to save that change, but I think all I did was click on the "X" button on the upper right corner of the tab. That seemed to make it permanent. Now my forum screen shows the screenshot (below). (Ignore the image of the wolf. That's from the "Post Background" plugin.) Note the pixel editor icon on lower right. I clicked it and the pixel editor opened up.

So, anyway, I think I did it correctly even though I really didn't know what I was doing.

[caladrius]

Woops!

I spoke too soon. As soon as I refreshed, it went back to its original image. I guess I really didn't save my changes as I thought I did.

Update: I googled and it looks like I can't actually make any changes to the code from the Inspect Element.

[Peter]

caladrius ,

Close, but all you need to do is find out how to target that image in the bar so you can apply a little CSS.

Here you go:

#yootil-bar img[title="Pixel Editor"] {

   height: 64px;
   width: 64px;

}

Place in your stylesheet.

[caladrius]

Peter,

I put it at the very top. It worked!

Thanks!