WordPress.org

Forums

Image padding and border issues with WordPress 3.9 (63 posts)

  1. airng619
    Member
    Posted 1 year ago #

    I use padding and borders to all my images as well and would love to be able to do that again without a plug in. However, now you are cornering us into searching and using plugins that may or may not exist yet. I would just like to be able to add a padding and border to my images with the same amount of ease as I did before the upgrade. How can I do that now?
    Thanks

  2. LapanWebsite
    Member
    Posted 1 year ago #

    Where did you added padding and borders?
    You mean on styling in visual editor or css?

  3. airng619
    Member
    Posted 1 year ago #

    Visual editor. Before version 3.9 I was able to edit the image attributes using something like Padding:3px; and there was an option to add a border where I would put "1" resulting in Padding: 3px; border: 1px black. I can no longer do that in 3.9 but I would still like to have my images with padding. How can I do that now?

  4. LapanWebsite
    Member
    Posted 1 year ago #

    Why don't you do that with css.
    In child theme css you create class with that styling and than when you click edit image in advanced options you have Link CSS Class.

    For example

    .my-img-class {
    float: left;
    border: 1px solid #ccc;
    width: 100%;
    height: 200px;
    }

    in link css class you write my-img-class

  5. lohrman
    Member
    Posted 1 year ago #

    Yea, I have the same problem.

    Specifically what do you put in the Image CSS Class field in WP 3.9 to get a 1 pixel border and padding of 10?

  6. karelles
    Member
    Posted 1 year ago #

    Yeah you can do it with CSS - and even change it locally for individual images but dammit you're missing the point:

    This process used to take about 10 seconds - and one could also change the image size or display size (by percentages, no less), change the source location of the image, and even more features. It would seem that the "image editing improvements" were mainly of the class: "now you don't have to worry your pretty little heads about all that complicated stuff."

    Switching to using CSS to accomplish this is great if you're running a hobbyist site or a blog about your coin collection, but if you're WORKING in wordpress it's a class A PITA that will cost hours of work. I'm running a backlog of jobs and now I get to lose my weekend and probably most of next week updating 50+ sites with a plugin that replaces functions removed for no damned reason. And then training 50+ users in how to use the new NON-functionality.

    WordPress bills itself as easy to use but this just made it MUCH more difficult, or impossible, for anyone who hasn't learned CSS.

  7. airng619
    Member
    Posted 1 year ago #

    Thanks for your repsonse LapanWebsite, but the thing is that I never had that in my CSS before and would really like to avoid any changes to my code. Before 3.9 I was able to edit each photo on my site. I can no longer add the padding to my images and would like to be able to do that again, either with a plugin or not.

  8. fpats
    Member
    Posted 1 year ago #

    Seems like i'm not alone!

    Why on earth would they remove that?!! it was a quick and easy way to add a bit of spacing around your images without the need to mess with css.

    And what a time to make this update, 2 days before the Easter holidays. Waht a nightmare this last few days has been trying to get plugins & themes working.

  9. socobroker
    Member
    Posted 1 year ago #

    I just upgraded to 3.9 and that is the first thing I missed ... borders. I almost always put a border around my photos and graphs, and the option is gone. PLEASE bring it back, WordPress!

  10. idesignyourvision
    Member
    Posted 1 year ago #

    I agree with the general consensus here. WordPress is becoming more and more oriented to be used only by developers. I'm confused as to why they would take such a user friendly option away. I hadn't even realized this option was removed until last night when a client called me asking how to create space between a picture and content. I told her to refer to the tutorial I had written for her and she alerted me to the fact that the option was no longer available. Then she asked if I could revert her install back to the old version.

    It's one thing to tell someone click here and enter a number as opposed to explaining how to write CSS class.

  11. Cardminnow
    Member
    Posted 1 year ago #

    I agree with idesignyourvision -- I too am confused - I have had to warn all my clients NOT to upgrade to new WP 9 - unfortunately some 'automatically' updated and so it begins! My clients are not programmers and I have already started getting complaints. Soooo.... IF WordPress considers this an acceptable upgrade designed for use only by developers, and disallows me (and clients) to use older 'usable' version, then, unfortunately, it may become necessary to start searching for an 'replacement'. So far I have no found instructions on how to revert 'back'.

  12. libraryhack
    Member
    Posted 1 year ago #

    I also strenuously agree with both idesignyourvision and Cardminnow. (And the many others before them who are upset at the change.)

    This was a very bad move by WordPress, and if this sort of direction continues I will definitely start looking elsewhere. In fact, we are about to start a major website redesign and this is motivating me to make a CMS change. :-( I like WordPress but I'm not "married" to it.

  13. taridonohue
    Member
    Posted 1 year ago #

    It's hard enough to wrangle images in WordPress without having to break out the CSS to make them behave. This is not an improvement.

    Anyone want to write a plugin to help with this?

  14. lohrman
    Member
    Posted 1 year ago #

    I deplore whatever thinking went into removing the border and pad fields that were in WP 3.8... I want this feature bad enough that I may drop back to WP 3.8 and not updating.

  15. Andrew
    Forum moderator
    Posted 1 year ago #

    Just a note for other people who want to post here: Remember this is a support thread and not a Requests and Feedback thread. Please don't take over this guy's thread.

  16. designsimply
    Member
    Posted 1 year ago #

    This plugin adds an option for image border and margins: http://wordpress.org/support/plugin/advanced-image-styles

    Here is a screenshot: https://cloudup.com/c4e5nkRwn10

    I know some people said they don't want to have to use a plugin, but with the 3.9 update out right now, that's the only option to get the exact same functionality back in the very short term and it might help.

    In regards to complaints, the best thing you can do is give calm, constructive criticism and example use cases that explain how/why you were using those settings. Note: screenshots are always a good idea, for example: show your theme in action and how the spacing looks terrible without updating margins and borders.

    I care a great deal about WordPress, and I didn't code the updates that are in 3.9, but I do know a little bit about it and I think recording positive, constructive feedback and talking about solutions that move everyone forward and solve problems would be more helpful and interesting than just posting complaints. For example, did you know a really good theme will add a nice amount of spacing around an image by default? Did you know a small adjustment to a theme can add borders all at once? I know there are probably use cases where getting a well-designed theme isn't an option or adding a few lines of CSS also isn't an option, but I do think saying that there are excellent themes in the world that will work well without having to edit the spacing for images one by one is worth mentioning at least as a possibility. Also, I'm really just guessing that you are trying to edit the spacing for every single image every time you add one and that seems very inefficient to me. But instead of assuming, I'd rather see some clear examples (with screenshots) from those who want to document and educate people here about what's really going on with their site and how the old settings were helpful. Without examples and explanations, its just negative and that's not very motivating or helpful!

  17. marvsdl
    Member
    Posted 1 year ago #

    Thanks, DesignSimply!

  18. webism
    Member
    Posted 1 year ago #

    Just to echo, prior to 3.9 I would edit nearly every image using the editor. Due to the varied nature of images I cannot edit a standard in css. I run numerous wordpress sites and luckily have not updated any more. I try to avoid plugins wherever possible so a plugin is not the issue.

    If developers read this please return the functionality that was in 3.8. This update is already costing me about 10 minutes every day. I can edit code, css but a lot of people cannot.

    My clients who mange their own wordpress will not be able to do what they need through 3.9 so if I upgrade I will be on the phone continuously to them.

    WordPress is great but please put the image editing features back.

  19. Michele
    Member
    Posted 1 year ago #

    @designsimply well said! Thanks for summarizing the best approach for getting improvements.

  20. designsimply
    Member
    Posted 1 year ago #

    @mizejewski, cheers. :)

    Just to echo, prior to 3.9 I would edit nearly every image using the editor.

    That sounds like a lot of extra work you probably don't need to be doing!

    Due to the varied nature of images I cannot edit a standard in css.

    It would really help your cause to post a specific example of what exactly you're trying to do with the images and why not having the options that were there before is a burden. Include a screenshot of how content looks without changing the options if at all possible, or a link.

    My clients who mange their own WordPress will not be able to do what they need through 3.9

    Which is what??

    I know complaining is easy to do, especially in forums, but it really doesn't further any cause in open source to say you don't like something without specifics—and even then a change may not be made, but without specifics, the chances of another change are closer to zero. Solid examples of clients' step-by-step process or a screenshot showing how things look without the options are possible ways to move the conversation forward. Actually, I was wondering if I could help solve some of the problems people are running into by providing workarounds such as explaining how to add a little CSS to update margins and borders for images all at once, but no one has posted any specific example links.

  21. NickCorcodilos
    Member
    Posted 1 year ago #

    Big mistake to eliminate image controls for padding. A goof. An error. So please just bring those controls back. Basic controls like this are core. They should not have been taken out.

  22. elkaymt
    Member
    Posted 1 year ago #

    Please bring back the image formatting options...
    3.9 is a nightmare!
    WordPress is deteriorating before our eyes with these "improvements" :-(

  23. ClaudiaBianca
    Member
    Posted 1 year ago #

    Please bring back the ability to pad images and remove borders.... quickly.
    Is there a way to go back to version 3.8 until they resolve this?

  24. esmi
    Forum Moderator
    Posted 1 year ago #

    There's nothing to resolve. Those features were removed from WordPress 3.9 and they're not coming back any time soon, by all accounts. Try installing http://wordpress.org/plugins/advanced-image-styles/ instead or use a theme that handles image display correctly via it's own CSS.

  25. llopez
    Member
    Posted 1 year ago #

    I was hoping it was just me overlooking something or maybe that the border / padding function had been relocated. But no, it's gone. Sure, I eventually got the job done adding extra HTML for each image, but it took so much longer than it would have with previous versions of the image editor.

    What's up, WP? Of all the editing functions to eliminate, why THIS ONE?? It was so useful and such a time-saver. I won't go back to the old WP version because there are vulnerability issues I don't want to expose my sites to, but I am not happy with this added inconvenience. I thought my days of coding longhand were over.

  26. esmi
    Forum Moderator
    Posted 1 year ago #

    It was so useful and such a time-saver.

    It was also wrong. This kind of image display should be handled by your theme's CSS - not by markup. That Goes for all kinds of sites - not just WordPress ones.

  27. maeshashannon
    Member
    Posted 1 year ago #

    Even if you were to write up some custom classes in your style sheets for specific images you would still have to notate the class in the source of your post or page.

    Not saying this is the most copacetic way to do this, but for those who are desperate to have quick access to borders and padding, you can,if you choose, drop into 'text' mode and add the style attribute directly into the img src tag. It's almost faster to type this in than to use the old text-box-update routine.

    See the following. Add the style"" attribute.:

    <img class="alignleft wp-image-127" style="padding: 10px 10px 10px 10px; border:3px solid black;" src="http://www.yourwebsiteurl/imagepath/image.png" alt="IMG_0915" width="281" height="157" />

  28. esmi
    Forum Moderator
    Posted 1 year ago #

    Even if you were to write up some custom classes in your style sheets for specific images you would still have to notate the class in the source of your post or page.

    That's incorrect. In a properly written theme, you can target specific images on a page using CSS based on the classes generated by WordPress automatically.

  29. maeshashannon
    Member
    Posted 1 year ago #

    True enough, my bad. Seems that the want here is a quick fix for some lost text boxes.

  30. Michele
    Member
    Posted 1 year ago #

    It seems that most of the people who want to edit padding and borders on each image are fundamentally not grasping what @Esmi is saying. This post explains the reasons more thoroughly: http://mor10.com/using-css-classes-fields-wordpress/

Topic Closed

This topic has been closed to new replies.

About this Topic