When WordPress 3.9 came out, they removed the ability to easily add a border around an image. I was pretty upset with this, as I add borders to my images ALL THE TIME! If you are not sure what I am talking about, look at the two images below: The first one has No Border, and the second one has a thin black border line around the image.
But, quickly a plugin author came to the rescue and created a simple plugin “Advanced Image Styles” that lets you add a border or padding around an image.
See video that shows you how to do this inside WordPress below:
Leave a comment with your thoughts…
Thanks for the info on the “Advanced Image Styles”. Borders and padding make for an easier read/view and it’s nice to see this function restored.
Bob,
I totally agree! and yes, it’s nice that the plugin author came to the rescue. I do hope that WordPress puts that functionality back into future releases. Other things in this release were great, like the ability to edit pictures right from inside the post. Happy blogging!
🙂
Thank you, Christina. That was, as usual, a very clear presentation.
Gai,
So glad it helped you!
It’s so funny to me as a wordpress website designer as I rarely ever use the “visual editor” in wordpress and code my images by hand, reason I don’t use the wp visual editor is it has a terrible habit of knocking out certain codes that are added in text editor when you go back to view page in visual editor, like form codes arrrrrgggggg…if you want to code your images it’s really simple and easy – add an image then look in your “text editor” – between img and src add style=”border: 2px solid #000000; padding: 3px;” (this will give you a nice black border with a little bit of padding between the image and the border, and if you want it to look 3d add box-shadow: 0px 30px 40px -25px rgba(0, 0, 0, 1);” after the padding code – have fun with it, html is not difficult and it really gives you the opportunity to stand out with your wp website when you have certain codes in your arsenal 🙂
Linda,
thanks so much for giving the direct code to everyone!
yes, doing that by hand is an excellent way to add borders or padding
but sometimes folks just want an easy plugin.
And I agree, learning a little bit of HTML is not really that hard
and makes adding things much easier!
Thanks for the reply Christina 🙂 Plugins are great and wp has the biggest repository for them. But one of the things a lot of people don’t realize about wordpress content management database (including wp developers) is that every plugin puts weight on the database and if you have too many it will slow your site down which is an important search engine rank metric…so if I can use a simple code over a plugin I do so I can keep my database running smoother. Also, a note for all is if you decide not to use a plugin and simply “deactivate” it, it still pulls on your database so it’s best to delete a plugin you’re not using instead of deactivating it 🙂 Happy Memorial Day to all…
Linda,
Thanks for your comments and your mention that unused plugins should be deleted and not just deactivated.
Happy Memorial Day to you too! 😀
Thank you! Thank you! Thank you! Thanks to Linda, too, good info.
You are more than welcome Frances, my mission is to help where ever I can to assist in making wordpress (& html) easier 🙂
LindaLou
Thank you Christina! I always look for your emails and posts because I know you give usable, quality content.
Thanks so much!
Feel free to email me anytime
with thoughts on what kind of other tips you would like 🙂
I am happy to follow up on both: the easy plug-in, and noting down the code. I’d be my first one! I wonder where to find / learn others?
Leonore,
in the Website Creation Workshop! email me privately
Hi Christina, Thank you for this. I’m in your WCW course and am just now launching my website. I really needed this as I was struggling with how the take away the margin/padding from the top and left of my images at the top of a page. With your quick and easy lesson and the plugin you recommended, I was able to fix the alignment of my images, easy as pie. I sometimes use borders, but not often, but good to know how to do it when I need to. Thanks again for this and the WCW course, Charlotte
Charlotte,
So glad this little plugin worked for you!
really great topic