How to Add a Border Around an Image in WordPress
Skills:
Frontend Performance60%
Key Takeaways
Shows how to add a border around an image in WordPress using various methods
Full Transcript
welcome to WP beginner and thank you for watching today we'll cover how to add a border around an image in WordPress the first method is by installing and activating the wp image borders plugin then go to settings WP image borders to configure here you can either add a border to all the images like this or you can Target just specific CSS classes to have a border on them and that's what this section lets you do you can edit how you want the border to look like this and when finished click save changes if you added borders to all images then you're all set but if you chose the CSS class then you'll need to add a little bit more work for every image you want the border around you just need to add the CSS class like this here I've added an image to my post and now I'll click edit and open the advanced options area and add the CSS class that I chose in the plug-in area I'll update the post and now I'm all set you can also add borders by using HTML and CSS to do that once you upload and insert your image like this go to the text editor and add the CSS style to the HTML code like this you can also add it to your child Theme by updating the stylesheet with your image specific CSS code like you see here if you like this video click on the like button and go ahead and leave us a comment there we'd love to hear from you and subscribe to our YouTube channel to get the latest videos
Original Description
Do you want to add a border around your images in WordPress? Some users want to add borders around images. In this video, we will show you how to add a border around an image in WordPress.
If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.
Text version of this tutorial:
http://www.wpbeginner.com/beginners-guide/how-to-add-a-border-around-an-image-in-wordpress/
Check us out on Facebook:
https://www.facebook.com/wpbeginner
Follow us on Twitter:
http://twitter.com/wpbeginner
Join our circle on Google+:
https://plus.google.com/+wpbeginner/
Checkout our website for more WordPress Tutorials
http://www.wpbeginner.com/
Summary of this Tutorial:
First method is by installing and activating the WP Image Borders plugin.
You can go to Settings, WP Image Borders to configure.
You can either add a border to all images like this or you can target specific css classes to have a border and that's what this section lets you do.
Save changes, if your chose the CSS option you can add the CSS class to any image you want the border around.
You can also add borders using HTML and CSS.
You can add the HTML when you use the text editor to modify the image.
You can also add it to your child theme by updating the style sheet with your image specific css code like you see here.
Related Links:
WP Image Borders
https://wordpress.org/plugins/wp-image-borders/
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
Playlist
Uploads from WPBeginner - WordPress Tutorials · WPBeginner - WordPress Tutorials · 59 of 60
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
▶
60
How to Add Google Search in a WordPress Site
WPBeginner - WordPress Tutorials
How to Display Simple Notices in WordPress
WPBeginner - WordPress Tutorials
How to Bulk Move Posts to Categories and Tags in WordPress
WPBeginner - WordPress Tutorials
How to Create A Question and Answers Site in WordPress
WPBeginner - WordPress Tutorials
How to Add a Subtitle to Posts and Pages in WordPress
WPBeginner - WordPress Tutorials
How to Add a Caption to Images in WordPress
WPBeginner - WordPress Tutorials
How to Show Latest Videos From a YouTube Channel in WordPress
WPBeginner - WordPress Tutorials
How to Check Grammar and Spelling Mistakes in WordPress
WPBeginner - WordPress Tutorials
How to Send A Custom Welcome Email to New Users in WordPress
WPBeginner - WordPress Tutorials
How to Add a Custom Comment Form Title in WordPress
WPBeginner - WordPress Tutorials
How to Add a News Ticker in WordPress
WPBeginner - WordPress Tutorials
How to Add a Full Screen Background Image in WordPress
WPBeginner - WordPress Tutorials
How to Fix Image Upload Issue in WordPress
WPBeginner - WordPress Tutorials
How to Show and Hide Text in WordPress Posts with the Toggle Effect
WPBeginner - WordPress Tutorials
How to Show Page Templates in WordPress Dashboard
WPBeginner - WordPress Tutorials
How to Restrict WordPress Site Access by IP or Logged In Users
WPBeginner - WordPress Tutorials
How to Add Google Translate in WordPress
WPBeginner - WordPress Tutorials
How to Add Custom Buttons with Post Editor Buttons in WordPress
WPBeginner - WordPress Tutorials
How to Fix Featured Images Appearing Twice in WordPress Posts
WPBeginner - WordPress Tutorials
How to Add Tables in WordPress Posts and Pages No HTML Required
WPBeginner - WordPress Tutorials
How to Change the WordPress Database Prefix to Improve Security
WPBeginner - WordPress Tutorials
How to Turn Off Related YouTube Videos in WordPress
WPBeginner - WordPress Tutorials
How to Receive WordPress Emails from Localhost
WPBeginner - WordPress Tutorials
How to Split WordPress Posts into Multiple Pages
WPBeginner - WordPress Tutorials
How to Update URLs When Moving Your WordPress Site
WPBeginner - WordPress Tutorials
How to Crop, Rotate, Scale, and Flip Images in WordPress
WPBeginner - WordPress Tutorials
Image Alt Text vs Image Title in WordPress
WPBeginner - WordPress Tutorials
How to Add Staff Member Profiles in WordPress with Staffer
WPBeginner - WordPress Tutorials
How to Add Custom Fields to Comments Form in WordPress
WPBeginner - WordPress Tutorials
How to Add New Users and Authors to Your WordPress Blog
WPBeginner - WordPress Tutorials
How to Fix WordPress Website Not Updating Right Away
WPBeginner - WordPress Tutorials
How to Show Live Preview of Links in WordPress
WPBeginner - WordPress Tutorials
How to Add Image Icons With Navigation Menus in WordPress
WPBeginner - WordPress Tutorials
How to Use Multiple Themes for Pages in WordPress
WPBeginner - WordPress Tutorials
How to Fix Missing Admin Bar Issue in WordPress
WPBeginner - WordPress Tutorials
How to Add Tabbed Content in WordPress Posts and Pages
WPBeginner - WordPress Tutorials
How to Create Custom Taxonomies in WordPress
WPBeginner - WordPress Tutorials
How to Display a List of Child Pages For a Parent Page in WordPress
WPBeginner - WordPress Tutorials
How to Fix Error Too Many Redirects Issue in WordPress
WPBeginner - WordPress Tutorials
What is the Difference Between Posts vs Pages in WordPress
WPBeginner - WordPress Tutorials
How to Allow User Log In with Email in WordPress
WPBeginner - WordPress Tutorials
How to Display WordPress Widgets in Columns
WPBeginner - WordPress Tutorials
How to Easily Replace Image and Media Files in WordPress
WPBeginner - WordPress Tutorials
How to Add Featured Video Thumbnails in WordPress
WPBeginner - WordPress Tutorials
How to Create a Photo Gallery with Albums in WordPress
WPBeginner - WordPress Tutorials
How to Easily Add Lazy Loading for Videos in WordPress
WPBeginner - WordPress Tutorials
How to Add an Audio Music Player Widget in WordPress
WPBeginner - WordPress Tutorials
How to Create a Wiki Knowledge Base Using WordPress
WPBeginner - WordPress Tutorials
Adding a Post Rating System in WordPress with WP PostRatings
WPBeginner - WordPress Tutorials
How to Clean Up Your WordPress Database for Improved Performance
WPBeginner - WordPress Tutorials
How to Add Character Limit to Post Titles in WordPress
WPBeginner - WordPress Tutorials
How to Add a Private Messaging System in WordPress
WPBeginner - WordPress Tutorials
WWW vs non WWW and Which is Better For WordPress SEO
WPBeginner - WordPress Tutorials
How to Add Voice Search Capability to your WordPress
WPBeginner - WordPress Tutorials
How to Show Real Time Online Users in WordPress
WPBeginner - WordPress Tutorials
How to Create a Duplicate Menu in WordPress with One Click
WPBeginner - WordPress Tutorials
How to Hide a Post From Home Page in WordPress
WPBeginner - WordPress Tutorials
How to Add A Restaurant Reservation System in WordPress
WPBeginner - WordPress Tutorials
How to Add a Border Around an Image in WordPress
WPBeginner - WordPress Tutorials
Beginner’s Guide How to Back Date Your WordPress Posts
WPBeginner - WordPress Tutorials
More on: Frontend Performance
View skill →Related Reads
📰
📰
📰
📰
I Tried Vite+ Beta: Can One Tool Replace Your Frontend Toolchain?
Dev.to · 𝗝𝗼𝗵𝗻
Angular vs React: Key Differences, Pros & Cons Compared
Dev.to · Elsie Rainee
Next.js Web App Development: Complete Guide for Fast, Scalable Applications (2026)
Dev.to · Avanexa Technologies
Next.js Quietly Fixed the Prefetch Problem Nobody Wanted to Talk About
Medium · JavaScript
🎓
Tutor Explanation
DeepCamp AI