Edit Image Issue

Hi,

thanks for your post, and sorry for the trouble.

Yes, unfortunately, there are still some problems with the New Media Manager integration. I’m not yet sure where those conflicts come from, but I hope to be able to fix them in the future, when I also replace the old “Insert Image” button on the “Edit” screen with the “Add Media” button.
Until that is possible, I suggest to use that “Insert Image” button and maybe edit images directly in the “Media” library (in the admin menu) of WordPress.

Regards,
Tobias

Thanks for reply, your support is awesome!. Sorry to bother you, but i’ve bumped into another issue. Tried not to create a new thread.

See this for example:

View post on imgur.com

I dont understand why the image has extra spaces to the right, and even if i have set image to center, it wont. But what I wanted is to remove the spaces so that it will appear uniform.

Hi,

that space is coming from your theme.
Please try removing that margin by adding something like

.tablepress-id-123 img {
  margin: 0 !important;
}

(with the correct table ID) to the “Custom CSS” textarea on the “Plugin Options” screen.

Regards,
Tobias

I switched to the default 2012 theme with all plugins removed and used the custom css, but it will still show the extra spaces.

Hi,

Can you then please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

Regards,
Tobias

Sure. You can see this at beachweddingcakes dot org.

Hi,

thanks! Weird. I can’t really find where that margin is coming from. Fixing this should however be easy: In the HTML code for the image, could you please change

aligncenter

to

alignleft

? That’s also the CSS class that the first image has and that should be better here, regarding the spacing.

Regards,
Tobias

I now separate it into 2 tables. First one is alignleft and 2nd is aligncenter. Result is the same.

I’m only using 2012 as example. 2013 and 2014 shows an even worse problem where image falls off the table’s grid.

If you can reproduce it with me at least i can know it’s not just me experiencing weird problems.

Hi,

I’m pretty sure that we can fix this. Please try what I suggested above with that “aligncenter” and “alignleft”.

Regards,
Tobias

I have tried what you have suggested. I even removed the align class and the result is still the same.

From what I understand, you meant when i click insert image, and then at the image gallery screen, click the dropdown and select align > left, correct? I did the same thing and i clicked, align > none.

So, I have in that post:

1: align none
2: align center
3: align left

It turns out that what i wanted to solve was the width issue. Because I wanted the image to have no spacing and all column to appear uniform, my friend suggested that i change the width.

Ive updated and you can visit the site again to see what I meant.

While it does solve the problem, since i’m still learning, is there another way to make sure the spacing wont appear by having another rule to it?

Hi,

yes, basically that’s what I meant, but additionally to that, it would be good to change the CSS classes to “alignleft” (or remove them entirely) for all three images in that table. One image with “aligncenter” in the table is enough to “break” all of them, as its settings take precedence in this case.

But setting the width as your friend suggested should also work. Other than that, there’s not really much that you need to do here.

Regards,
Tobias