How to Add a Border Around an Image in WordPress

WPBeginner - WordPress Tutorials · Beginner ·🌐 Frontend Engineering ·11y ago

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 How to Add Google Search in a WordPress Site
How to Add Google Search in a WordPress Site
WPBeginner - WordPress Tutorials
2 How to Display Simple Notices in WordPress
How to Display Simple Notices in WordPress
WPBeginner - WordPress Tutorials
3 How to Bulk Move Posts to Categories and Tags in WordPress
How to Bulk Move Posts to Categories and Tags in WordPress
WPBeginner - WordPress Tutorials
4 How to Create A Question and Answers Site in WordPress
How to Create A Question and Answers Site in WordPress
WPBeginner - WordPress Tutorials
5 How to Add a Subtitle to Posts and Pages in WordPress
How to Add a Subtitle to Posts and Pages in WordPress
WPBeginner - WordPress Tutorials
6 How to Add a Caption to Images in WordPress
How to Add a Caption to Images in WordPress
WPBeginner - WordPress Tutorials
7 How to Show Latest Videos From a YouTube Channel in WordPress
How to Show Latest Videos From a YouTube Channel in WordPress
WPBeginner - WordPress Tutorials
8 How to Check Grammar and Spelling Mistakes in WordPress
How to Check Grammar and Spelling Mistakes in WordPress
WPBeginner - WordPress Tutorials
9 How to Send A Custom Welcome Email to New Users in WordPress
How to Send A Custom Welcome Email to New Users in WordPress
WPBeginner - WordPress Tutorials
10 How to Add a Custom Comment Form Title in WordPress
How to Add a Custom Comment Form Title in WordPress
WPBeginner - WordPress Tutorials
11 How to Add a News Ticker in WordPress
How to Add a News Ticker in WordPress
WPBeginner - WordPress Tutorials
12 How to Add a Full Screen Background Image in WordPress
How to Add a Full Screen Background Image in WordPress
WPBeginner - WordPress Tutorials
13 How to Fix Image Upload Issue in WordPress
How to Fix Image Upload Issue in WordPress
WPBeginner - WordPress Tutorials
14 How to Show and Hide Text in WordPress Posts with the Toggle Effect
How to Show and Hide Text in WordPress Posts with the Toggle Effect
WPBeginner - WordPress Tutorials
15 How to Show Page Templates in WordPress Dashboard
How to Show Page Templates in WordPress Dashboard
WPBeginner - WordPress Tutorials
16 How to Restrict WordPress Site Access by IP or Logged In Users
How to Restrict WordPress Site Access by IP or Logged In Users
WPBeginner - WordPress Tutorials
17 How to Add Google Translate in WordPress
How to Add Google Translate in WordPress
WPBeginner - WordPress Tutorials
18 How to Add Custom Buttons with Post Editor Buttons in WordPress
How to Add Custom Buttons with Post Editor Buttons in WordPress
WPBeginner - WordPress Tutorials
19 How to Fix Featured Images Appearing Twice in WordPress Posts
How to Fix Featured Images Appearing Twice in WordPress Posts
WPBeginner - WordPress Tutorials
20 How to Add Tables in WordPress Posts and Pages No HTML Required
How to Add Tables in WordPress Posts and Pages No HTML Required
WPBeginner - WordPress Tutorials
21 How to Change the WordPress Database Prefix to Improve Security
How to Change the WordPress Database Prefix to Improve Security
WPBeginner - WordPress Tutorials
22 How to Turn Off Related YouTube Videos in WordPress
How to Turn Off Related YouTube Videos in WordPress
WPBeginner - WordPress Tutorials
23 How to Receive WordPress Emails from Localhost
How to Receive WordPress Emails from Localhost
WPBeginner - WordPress Tutorials
24 How to Split WordPress Posts into Multiple Pages
How to Split WordPress Posts into Multiple Pages
WPBeginner - WordPress Tutorials
25 How to Update URLs When Moving Your WordPress Site
How to Update URLs When Moving Your WordPress Site
WPBeginner - WordPress Tutorials
26 How to Crop, Rotate, Scale, and Flip Images in WordPress
How to Crop, Rotate, Scale, and Flip Images in WordPress
WPBeginner - WordPress Tutorials
27 Image Alt Text vs Image Title in WordPress
Image Alt Text vs Image Title in WordPress
WPBeginner - WordPress Tutorials
28 How to Add Staff Member Profiles in WordPress with Staffer
How to Add Staff Member Profiles in WordPress with Staffer
WPBeginner - WordPress Tutorials
29 How to Add Custom Fields to Comments Form in WordPress
How to Add Custom Fields to Comments Form in WordPress
WPBeginner - WordPress Tutorials
30 How to Add New Users and Authors to Your WordPress Blog
How to Add New Users and Authors to Your WordPress Blog
WPBeginner - WordPress Tutorials
31 How to Fix WordPress Website Not Updating Right Away
How to Fix WordPress Website Not Updating Right Away
WPBeginner - WordPress Tutorials
32 How to Show Live Preview of Links in WordPress
How to Show Live Preview of Links in WordPress
WPBeginner - WordPress Tutorials
33 How to Add Image Icons With Navigation Menus in WordPress
How to Add Image Icons With Navigation Menus in WordPress
WPBeginner - WordPress Tutorials
34 How to Use Multiple Themes for Pages in WordPress
How to Use Multiple Themes for Pages in WordPress
WPBeginner - WordPress Tutorials
35 How to Fix Missing Admin Bar Issue in WordPress
How to Fix Missing Admin Bar Issue in WordPress
WPBeginner - WordPress Tutorials
36 How to Add Tabbed Content in WordPress Posts and Pages
How to Add Tabbed Content in WordPress Posts and Pages
WPBeginner - WordPress Tutorials
37 How to Create Custom Taxonomies in WordPress
How to Create Custom Taxonomies in WordPress
WPBeginner - WordPress Tutorials
38 How to Display a List of Child Pages For a Parent Page in WordPress
How to Display a List of Child Pages For a Parent Page in WordPress
WPBeginner - WordPress Tutorials
39 How to Fix Error Too Many Redirects Issue in WordPress
How to Fix Error Too Many Redirects Issue in WordPress
WPBeginner - WordPress Tutorials
40 What is the Difference Between Posts vs Pages in WordPress
What is the Difference Between Posts vs Pages in WordPress
WPBeginner - WordPress Tutorials
41 How to Allow User Log In with Email in WordPress
How to Allow User Log In with Email in WordPress
WPBeginner - WordPress Tutorials
42 How to Display WordPress Widgets in Columns
How to Display WordPress Widgets in Columns
WPBeginner - WordPress Tutorials
43 How to Easily Replace Image and Media Files in WordPress
How to Easily Replace Image and Media Files in WordPress
WPBeginner - WordPress Tutorials
44 How to Add Featured Video Thumbnails in WordPress
How to Add Featured Video Thumbnails in WordPress
WPBeginner - WordPress Tutorials
45 How to Create a Photo Gallery with Albums in WordPress
How to Create a Photo Gallery with Albums in WordPress
WPBeginner - WordPress Tutorials
46 How to Easily Add Lazy Loading for Videos in WordPress
How to Easily Add Lazy Loading for Videos in WordPress
WPBeginner - WordPress Tutorials
47 How to Add an Audio Music Player Widget in WordPress
How to Add an Audio Music Player Widget in WordPress
WPBeginner - WordPress Tutorials
48 How to Create a Wiki Knowledge Base Using WordPress
How to Create a Wiki Knowledge Base Using WordPress
WPBeginner - WordPress Tutorials
49 Adding a Post Rating System in WordPress with WP PostRatings
Adding a Post Rating System in WordPress with WP PostRatings
WPBeginner - WordPress Tutorials
50 How to Clean Up Your WordPress Database for Improved Performance
How to Clean Up Your WordPress Database for Improved Performance
WPBeginner - WordPress Tutorials
51 How to Add Character Limit to Post Titles in WordPress
How to Add Character Limit to Post Titles in WordPress
WPBeginner - WordPress Tutorials
52 How to Add a Private Messaging System in WordPress
How to Add a Private Messaging System in WordPress
WPBeginner - WordPress Tutorials
53 WWW vs non WWW and Which is Better For WordPress SEO
WWW vs non WWW and Which is Better For WordPress SEO
WPBeginner - WordPress Tutorials
54 How to Add Voice Search Capability to your WordPress
How to Add Voice Search Capability to your WordPress
WPBeginner - WordPress Tutorials
55 How to Show Real Time Online Users in WordPress
How to Show Real Time Online Users in WordPress
WPBeginner - WordPress Tutorials
56 How to Create a Duplicate Menu in WordPress with One Click
How to Create a Duplicate Menu in WordPress with One Click
WPBeginner - WordPress Tutorials
57 How to Hide a Post From Home Page in WordPress
How to Hide a Post From Home Page in WordPress
WPBeginner - WordPress Tutorials
58 How to Add A Restaurant Reservation System in WordPress
How to Add A Restaurant Reservation System in WordPress
WPBeginner - WordPress Tutorials
How to Add a Border Around an Image in WordPress
How to Add a Border Around an Image in WordPress
WPBeginner - WordPress Tutorials
60 Beginner’s Guide How to Back Date Your WordPress Posts
Beginner’s Guide How to Back Date Your WordPress Posts
WPBeginner - WordPress Tutorials

Related Reads

📰
I Tried Vite+ Beta: Can One Tool Replace Your Frontend Toolchain?
Learn how Vite+ Beta can simplify your frontend workflow by combining development, builds, tests, and more into one tool, and why it matters for efficient development
Dev.to · 𝗝𝗼𝗵𝗻
📰
Angular vs React: Key Differences, Pros & Cons Compared
Learn the key differences between Angular and React to decide which framework suits your project needs, considering factors like team size, project complexity, and desired level of flexibility.
Dev.to · Elsie Rainee
📰
Next.js Web App Development: Complete Guide for Fast, Scalable Applications (2026)
Learn how to build fast and scalable web applications using Next.js, a popular React framework, to improve user experience and conversion rates
Dev.to · Avanexa Technologies
📰
Next.js Quietly Fixed the Prefetch Problem Nobody Wanted to Talk About
Next.js fixed the prefetch problem, learn how to leverage this fix for better performance
Medium · JavaScript
Up next
How to Use Semrush Keyword Magic Tool with ChatGPT to Make Money
Grow with Will - SEO, Sales & Entrepreneurship
Watch →